30 lines
596 B
Vue
30 lines
596 B
Vue
<script lang="ts" setup>
|
|
useHead({
|
|
title: "Home",
|
|
meta: [
|
|
{
|
|
name: "description",
|
|
content: "Home",
|
|
},
|
|
],
|
|
titleTemplate: "Elon's Blog - %s",
|
|
});
|
|
const { data } = await useAsyncData("home", () =>
|
|
queryContent("/blogs").find()
|
|
);
|
|
</script>
|
|
<template>
|
|
<main class="container mx-auto">
|
|
<div class="flex m-5 p-3 flex-wrap">
|
|
<template v-for="n in data" :key="n">
|
|
<BlogCard
|
|
:title="n.title || ''"
|
|
:excerpt="n.description"
|
|
image="sdlfkj"
|
|
:slug="n._path"
|
|
/>
|
|
</template>
|
|
</div>
|
|
</main>
|
|
</template>
|