35 lines
764 B
Svelte
35 lines
764 B
Svelte
<script lang="ts">
|
|
import type { GQLBasePostFragment } from '$lib/gql/gen'
|
|
import { readingTimeInMinutes } from '$lib/utils'
|
|
import dj from 'dayjs'
|
|
|
|
export let post: GQLBasePostFragment
|
|
export let full = false
|
|
|
|
function format(date: string) {
|
|
return dj(date).format('MMM D, YYYY')
|
|
}
|
|
|
|
$: created = format(post.date)
|
|
$: modified = format(post.modified)
|
|
</script>
|
|
|
|
<div class="attributes">
|
|
<div>
|
|
{created}
|
|
{#if full && created !== modified}<br /> <small>Last update: {modified}</small>{/if}
|
|
</div>
|
|
{#if post.content}
|
|
<div>~ {readingTimeInMinutes(post.content)} min</div>
|
|
{/if}
|
|
</div>
|
|
|
|
<style>
|
|
.attributes {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-weight: 400;
|
|
margin-top: -0.125em;
|
|
}
|
|
</style>
|