add about me and update header

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

pages/categories/[category].vue

@@ -1,15 +1,4 @@
 <script lang="ts" setup>
-useHead({
-  title: 'Home',
-  meta: [
-    {
-      name: 'description',
-      content: 'Home',
-    },
-  ],
-  titleTemplate: "Riyad's Blog - %s",
-})
-
 const route = useRoute()
 
 // take category from route params & make first char upper
@@ -44,6 +33,17 @@ const formatedData = computed(() => {
     }
   })
 })
+
+useHead({
+  title: category.value,
+  meta: [
+    {
+      name: 'description',
+      content: `You will find all the ${category.value} related post here`,
+    },
+  ],
+  titleTemplate: "Riyad's Blog - %s",
+})
 </script>
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">

pages/categories/index.vue

@@ -1,16 +1,6 @@
 <script lang="ts" setup>
 import { makeFirstCharUpper } from '@/utils/helper'
 
-useHead({
-  title: 'Home',
-  meta: [
-    {
-      name: 'description',
-      content: 'Home',
-    },
-  ],
-  titleTemplate: "Riyad's Blog - %s",
-})
 const topics = [
   'javascript',
   'typescript',
@@ -25,6 +15,18 @@ const topics = [
   'supabse',
   'cypress',
 ]
+
+useHead({
+  title: 'Categories',
+  meta: [
+    {
+      name: 'description',
+      content:
+        'Blow All the topics are listed on which either I have written a blog or will write a blog in near future.',
+    },
+  ],
+  titleTemplate: "Riyad's Blog - %s",
+})
 </script>
 <template>
   <main class="container max-w-5xl mx-auto text-zinc-600">