FMHY-Website/.vitepress/theme/PostLayout.vue
2024-05-03 11:38:43 +06:00

29 lines
644 B
Vue

<script setup lang="ts">
import { useData } from 'vitepress'
import Authors from './components/Authors.vue'
const props = defineProps<{
authors?: string[]
}>()
const formatDate = (raw: string): string => {
const date = new Date(raw)
return date.toLocaleDateString('en-US', {
month: 'short',
day: 'numeric'
})
}
const { frontmatter } = useData()
</script>
<template>
<h1>{{ frontmatter.title }}</h1>
<div>
{{ frontmatter.description }}
<template v-if="frontmatter.date">
{{ formatDate(frontmatter.date) }}
</template>
</div>
<Authors v-if="props.authors" :authors="props.authors" />
</template>