translations

components/section/ShopMain.vue

@@ -137,13 +137,11 @@
                     <div class="flex flex-col sm:flex-row gap-[25px]">
                         <div class="flex flex-col justify-between gap-[25px]">
                             <h4 class="font-inter text-lg sm:text-[24px] leading-[150%] md:leading-[120%] font-bold">
-                                {{ component.section_lang_data.title }}
+                                {{ component.front_section_lang[0].data.title }}
                             </h4>
-                            <p>{{ component.section_lang_data.description }}</p>
+                            <p>{{ component.front_section_lang[0].data.description }}</p>
                         </div>
-                        <img class="max-w-[150px] mx-auto"
-                            :src="`/api/files/${component.image_collection}/${component.section_id}/${component.section_img[0]}?thumb=640x0')`"
-                            alt="" />
+                        <img class="max-w-[150px] mx-auto" :src="`/api/public/file/${component.img[0]}_m.webp')`" />
                     </div>
                 </div>
 
@@ -171,16 +169,24 @@ import Product from "./Product.vue";
 import type { Feature, GenericResponse, GenericResponseChildren, GenericResponseItems, ProductType } from "~/types";
 import CategoryTree from "./CategoryTree.vue";
 
-defineProps<{ component: Component }>();
-type Component = {
-    image_collection: string;
-    section_id: string;
-    section_img: string;
-    section_lang_data: {
-        title: string;
-        description: string
-    };
-};
+const props = defineProps<{
+    component: {
+        id: number
+        name: string
+        img: string[]
+        component_name: string
+        is_no_lang: boolean
+        page_name: string
+        front_section_lang: {
+            data: {
+                title: string;
+                description: string
+            }
+            id_front_section: number
+            id_lang: number
+        }[]
+    }
+}>();
 
 const openCategories = ref(false);
 const isInfo = ref<boolean>(true);