<script setup lang="ts">
import type { ParsedContent } from "@nuxt/content/dist/runtime/types";

interface Props {
  article: ParsedContent;
}

const { article } = defineProps<Props>();
const date = useDateFormat(article.date, "Do of MMMM YYYY");
</script>

<template>
  <ULink class="font-semibold hover:underline" :to="article._path">{{
    article.title
  }}</ULink>
  <div class="text-xs text-slate-500">Published at {{ date }}</div>
</template>
