add function

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

pages/categories/[category].vue

@@ -9,7 +9,8 @@ useHead({
   ],
   titleTemplate: "Elon's Blog - %s",
 })
-const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
+
+const { data } = await useAsyncData('home', () => queryContent('/blogs').where({}).find())
 </script>
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">

pages/categories/index.vue

@@ -7,28 +7,29 @@ useHead({
       content: 'Home',
     },
   ],
-  titleTemplate: "Elon's Blog - %s",
+  titleTemplate: "Riyad's Blog - %s",
 })
-const { data } = await useAsyncData('home', () => queryContent('/blogs').find())
-
-let ar = [
-  'javascript',
-  'typescript',
-  'git',
-  'docker',
-  'kubernetes',
-  'vue',
-  'nuxt',
-  'pinia',
-  'cypress',
+const topics = [
+  'Javascript',
+  'Typescript',
+  'Git',
+  'Docker',
+  'Kubernetes',
+  'Vue',
+  'Nuxt',
+  'Pinia',
+  'Vuex',
+  'Firebase',
+  'Supabse',
+  'Cypress',
 ]
 </script>
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">
     <CategoryHero />
     <div class="flex flex-wrap px-6 mt-12 gap-3">
-      <template v-for="n in ar" :key="n">
-        <CategoryCard :title="n" />
+      <template v-for="topic in topics" :key="n">
+        <CategoryCard :title="topic" />
       </template>
     </div>
   </main>