add test data

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

pages/blogs/[blog].vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
-    <ContentDoc/>
+  <div class="container mx-auto prose prose-slate max-w-7xl">
+    <ContentDoc />
   </div>
 </template>

pages/index.vue

@@ -9,16 +9,19 @@ useHead({
   ],
   titleTemplate: "Elon's Blog - %s",
 });
+const { data } = await useAsyncData("home", () =>
+  queryContent("/blogs").find()
+);
 </script>
 <template>
-  <main>
+  <main class="container mx-auto">
     <div class="flex m-5 p-3 flex-wrap">
-      <template v-for="n in 10" :key="n">
+      <template v-for="n in data" :key="n">
         <BlogCard
-          title="sldkfsl"
-          excerpt="sldkfj"
+          :title="n.title || ''"
+          :excerpt="n.description"
           image="sdlfkj"
-          slug="sdlkfj"
+          :slug="n._path"
         />
       </template>
     </div>