Files
mariosant.dev/components/article-listing.vue

20 lines
406 B
Vue

<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>