@@ -1,5 +1,3 @@
|
||||
<template>
|
||||
<div>
|
||||
There will be all blogs
|
||||
</div>
|
||||
</template>
|
||||
<div>There will be all blogs</div>
|
||||
</template>
|
||||
|
||||
@@ -2,4 +2,4 @@
|
||||
<div>
|
||||
{{ $route.params }}
|
||||
</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<template>
|
||||
<div>All categories will be here</div>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@@ -1,28 +1,21 @@
|
||||
<script lang="ts" setup>
|
||||
useHead({
|
||||
title: "Home",
|
||||
title: 'Home',
|
||||
meta: [
|
||||
{
|
||||
name: "description",
|
||||
content: "Home",
|
||||
name: 'description',
|
||||
content: 'Home',
|
||||
},
|
||||
],
|
||||
titleTemplate: "Elon's Blog - %s",
|
||||
});
|
||||
const { data } = await useAsyncData("home", () =>
|
||||
queryContent("/blogs").find()
|
||||
);
|
||||
})
|
||||
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"
|
||||
/>
|
||||
<BlogCard :title="n.title || ''" :excerpt="n.description" image="sdlfkj" :slug="n._path" />
|
||||
</template>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user