<script setup lang="ts">
import { formatDate } from "@vueuse/core";

interface Props {
  article: any;
}

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">
    {{ date }}
  </div>
</template>
