From 407c6ecbc0f9658643ec1f48cab5734da1eea749 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 21 May 2025 17:47:01 +0330
Subject: [PATCH] Update category card props

---
 frontend/components/global/CategoryCard.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/components/global/CategoryCard.vue b/frontend/components/global/CategoryCard.vue
index fe2fbff..e14e612 100644
--- a/frontend/components/global/CategoryCard.vue
+++ b/frontend/components/global/CategoryCard.vue
@@ -4,13 +4,15 @@
 import { useImageColor } from "~/composables/global/useImageColor";
 
 type Props = {
-    id: number;
+    id: number | string;
+    slug: string;
     category: string;
+    video?: string;
     count: number;
     description: string;
     picture: string;
     darkLayer?: boolean;
-    isActive: boolean;
+    isActive?: boolean;
 };
 
 // props
@@ -24,12 +26,12 @@ const { colorObject } = useImageColor(`#category-image-${id.value}`);
 </script>
 
 <template>
-    <NuxtLink :to="`/products/category/${id}`">
+    <NuxtLink :to="`/products/category/${slug}`">
         <div class="group relative rounded-150 overflow-hidden w-full aspect-square bg-white brightness-[97%]">
             <Transition name="fade">
                 <video
                     v-if="isActive"
-                    src="/video/category.mp4"
+                    :src="video"
                     autoplay
                     muted
                     loop