From 7823cac123c0e36cac0bfe0c908016f221c2e811 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 22 Apr 2025 21:48:32 +0330
Subject: [PATCH] changed detail to details in product variants

---
 .../components/global/product/Accordion.vue   | 27 +++++++++----------
 frontend/types/global.d.ts                    |  2 +-
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/frontend/components/global/product/Accordion.vue b/frontend/components/global/product/Accordion.vue
index 1ddbf6a..edf8e16 100644
--- a/frontend/components/global/product/Accordion.vue
+++ b/frontend/components/global/product/Accordion.vue
@@ -1,11 +1,9 @@
 <script lang="ts" setup>
-
-import type { ProductVariantProvideType } from '~/pages/product/[id].vue';
+import type { ProductVariantProvideType } from "~/pages/product/[id].vue";
 
 // provide / inject
 
 const { selectedVariant } = inject("productVariant") as ProductVariantProvideType;
-
 </script>
 
 <template>
@@ -21,9 +19,7 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
                 :value="'item' + detailItem.detail_category"
                 class="overflow-hidden"
             >
-                <AccordionHeader
-                    class="border-t border-slate-200 py-[1.5rem] flex justify-between items-center"
-                >
+                <AccordionHeader class="border-t border-slate-200 py-[1.5rem] flex justify-between items-center">
                     <span class="typo-sub-h-md text-black">{{ detailItem.detail_category }}</span>
                     <AccordionTrigger class="group">
                         <Icon
@@ -36,21 +32,22 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
                 <AccordionContent
                     class="data-[state=open]:animate-slide-down pb-[1.5rem] data-[state=closed]:animate-slide-up overflow-hidden"
                 >
-                    <div
-                        class="w-full grid grid-cols-2 gap-y-[1.5rem] gap-x-[1rem]"
-                    >
+                    <div class="w-full grid grid-cols-2 gap-y-[1.5rem] gap-x-[1rem]">
                         <div
-                            v-for="item in detailItem.detail"
+                            v-for="item in detailItem.details"
                             class="flex flex-col gap-y-[1.5rem]"
                         >
-                            <span
-                                class="typo-sub-h-lg text-black w-full pt-[1.5rem]"
-                            >
+                            <span class="typo-sub-h-lg text-black w-full pt-[1.5rem]">
                                 {{ item.title }}
                             </span>
                             <ul class="list-disc w-full ps-5">
                                 <li
-                                    v-for="detail in [ item.detail_text1, item.detail_text2, item.detail_text3, item.detail_text4 ]"
+                                    v-for="detail in [
+                                        item.detail_text1,
+                                        item.detail_text2,
+                                        item.detail_text3,
+                                        item.detail_text4,
+                                    ]"
                                     class="text-slate-500 typo-p-md"
                                 >
                                     {{ detail }}
@@ -62,4 +59,4 @@ const { selectedVariant } = inject("productVariant") as ProductVariantProvideTyp
             </AccordionItem>
         </AccordionRoot>
     </div>
-</template>
\ No newline at end of file
+</template>
diff --git a/frontend/types/global.d.ts b/frontend/types/global.d.ts
index 1c1bfbe..27ec9c7 100644
--- a/frontend/types/global.d.ts
+++ b/frontend/types/global.d.ts
@@ -70,7 +70,7 @@ declare global {
 
     type ProductDetail = {
         id: number;
-        detail: ProductDetailItem[];
+        details: ProductDetailItem[];
         detail_category: number;
     };