update blog index

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

pages/about.vue

@@ -3,7 +3,7 @@ definePageMeta({
   layout: "list",
 });
 
-const { data } = await useAsyncData("home", () => queryContent("/").find());
+const { data } = await useAsyncData("about", () => queryContent("/").find());
 
 const getAllPost = computed(() => {
   const allpost = data.value || [];

pages/blogs.vue

@@ -3,7 +3,7 @@ definePageMeta({
   layout: "list",
 });
 
-const { data } = await useAsyncData("home", () => queryContent("/").find());
+const { data } = await useAsyncData("blogs", () => queryContent("/").find());
 
 const getAllPost = computed(() => {
   const allpost = data.value || [];

pages/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { data } = await useAsyncData("home", () => queryContent("/").find());
+const { data } = await useAsyncData("index", () => queryContent("/").find());
 
 // get all the unique types from content
 const getTopCategory = computed(() => {
@@ -18,6 +18,7 @@ const getRecentContent = computed(() => {
       description: post.description,
       path: post._path,
       date: post.date as string,
+      type: post.type,
     };
   });
 
@@ -42,6 +43,8 @@ const getRecentContent = computed(() => {
             :title="rp.title"
             :description="rp.description"
             :path="rp.path"
+            :date="rp.date"
+            :type="rp.type"
           />
         </template>
       </div>

pages/tags/[topic].vue

@@ -8,7 +8,7 @@ const route = useRoute();
 const routeType = computed(() => {
   return route.params.topic || "";
 });
-const { data } = await useAsyncData("home", () =>
+const { data } = await useAsyncData("topic", () =>
   queryContent(`/${routeType.value}`).find()
 );
 
@@ -42,9 +42,6 @@ const getRecentContent = computed(() => {
   <div
     class="container mx-auto max-w-6xl font-ibmmono antialiased min-h-[82vh]"
   >
-    <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
-      ALL {{ typeName }} POST
-    </h1>
     <div class="flex justify-between flex-wrap">
       <template v-for="pp in getRecentContent" :key="pp">
         <latest-blog-card

pages/tags/index.vue

@@ -2,7 +2,7 @@
 definePageMeta({
   layout: "list",
 });
-const { data } = await useAsyncData("home", () => queryContent("/").find());
+const { data } = await useAsyncData("tags", () => queryContent("/").find());
 
 const getTopCategory = computed(() => {
   const allpost = data.value || [];