make page functional

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

pages/blogs/index.vue

@@ -9,18 +9,19 @@ useHead({
   ],
   titleTemplate: "Elon's Blog - %s",
 })
-const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
+const { data } = await useAsyncData('home', () => queryContent('/blogs').sort({ _id: -1 }).find())
 </script>
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">
     <ArchiveHero />
     <div>
-      <template v-for="n in data" :key="n">
+      <template v-for="post in data" :key="n">
         <ArchiveCard
-          :title="n.title || ''"
-          :excerpt="n.description"
-          image="sdlfkj"
-          :slug="n._path"
+          :title="post.title"
+          :description="post.description"
+          :link="post._path"
+          :time="post.time"
+          :tags="post.tags"
         />
       </template>
     </div>