From c2b5947e25d52b3d3a43be457e0e8f5ce3735094 Mon Sep 17 00:00:00 2001
From: marzban-dev <marzban.dev@gmail.com>
Date: Wed, 21 May 2025 17:46:48 +0330
Subject: [PATCH] Add product card slug prop

---
 .../global/product-detail/ProductsSlider.vue    | 17 ++++-------------
 1 file changed, 4 insertions(+), 13 deletions(-)

diff --git a/frontend/components/global/product-detail/ProductsSlider.vue b/frontend/components/global/product-detail/ProductsSlider.vue
index d386ab7..d486ae1 100644
--- a/frontend/components/global/product-detail/ProductsSlider.vue
+++ b/frontend/components/global/product-detail/ProductsSlider.vue
@@ -46,31 +46,21 @@ const onSwiper = (swiper: SwiperClass) => {
                     <Icon
                         name="ci:chevron-right"
                         class="size-5 lg:size-6"
-                        :class="
-                            swiper_instance?.isBeginning
-                                ? '**:stroke-slate-200'
-                                : '**:stroke-black'
-                        "
+                        :class="swiper_instance?.isBeginning ? '**:stroke-slate-200' : '**:stroke-black'"
                     />
                 </button>
                 <button
                     @click="swiper_instance?.slideNext()"
                     :disabled="swiper_instance?.isEnd"
                     :class="
-                        swiper_instance?.isEnd
-                            ? 'border-slate-200 cursor-not-allowed'
-                            : 'border-black cursor-pointer'
+                        swiper_instance?.isEnd ? 'border-slate-200 cursor-not-allowed' : 'border-black cursor-pointer'
                     "
                     class="size-[30px] md:size-[35px] lg:size-[2.75rem] rounded-full border-[1.5px] click-effect flex-center"
                 >
                     <Icon
                         name="ci:chevron-left"
                         class="size-5 lg:size-6"
-                        :class="
-                            swiper_instance?.isEnd
-                                ? '**:stroke-slate-200'
-                                : '**:stroke-black'
-                        "
+                        :class="swiper_instance?.isEnd ? '**:stroke-slate-200' : '**:stroke-black'"
                     />
                 </button>
             </div>
@@ -99,6 +89,7 @@ const onSwiper = (swiper: SwiperClass) => {
                 >
                     <ProductCard
                         :id="product.id"
+                        :slug="product.slug"
                         :title="product.name"
                         :picture="product.variants[0].images[0].image"
                         :colors="product.colors"