add category topic page

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

pages/categories/[category].vue

@@ -1,5 +1,23 @@
+<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>
-  <div>
-    <h1>Categories</h1>
-  </div>
+  <main class="container max-w-5xl mx-auto text-zinc-600">
+    <CategoryTopic />
+    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+      <template v-for="n in data" :key="n">
+        <BlogCard :title="n.title || ''" :excerpt="n.description" image="sdlfkj" :slug="n._path" />
+      </template>
+    </div>
+  </main>
 </template>