make tags page dynamic

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

components/CategoryCard.vue

@@ -1,10 +1,18 @@
+<script setup lang="ts">
+const props = defineProps({
+  type: String,
+  count: Number,
+  path: String,
+});
+</script>
+
 <template>
   <div
     class="basis-1/5 bg-white mx-5 my-2 p-5 rounded-md shadow-lg max-w-[530px] group text-slate-800"
   >
-    <nuxt-link to="/category/js" class="group-hover:text-sky-500">
+    <nuxt-link :to="`/tags/${path}`" class="group-hover:text-sky-500">
       <div class="flex items-center">
-        <h4 class="text-2xl font-medium py-1">Typescript</h4>
+        <h4 class="text-2xl font-medium py-1">{{ type }}</h4>
       </div>
     </nuxt-link>
 
@@ -13,10 +21,10 @@
       <div class="text-sm">
         <icon calss="bg-red" name="ant-design:arrow-right-outlined" />
       </div>
-      <p>433</p>
+      <p>{{ count }}</p>
     </div>
 
-    <nuxt-link class="group-hover:text-sky-500" to="/">
+    <nuxt-link class="group-hover:text-sky-500" :to="`/tags/${path}`">
       <p class="font-medium text-sm">
         Read All Post <span class="hidden group-hover:inline"> ->> </span>
       </p>