<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>
  <h3>
    {{ frontmatter.title }}
  </h3>

  <span>
    {{ frontmatter.description }} • {{ formatDate(frontmatter.date) }}
  </span>
  <Authors :authors="props.authors" />
</template>
