fix data

components/section/MainBlocks.vue

@@ -4,7 +4,7 @@
   >
     <div
       class="w-full flex flex-col gap-[25px] xl:max-w-[48%] md:mx-10 xl:m-0"
-      v-for="(item, index) in component.section_lang_data"
+      v-for="(item, index) in component.front_section_lang[0].data"
       :key="index"
     >
       <!-- xl -->
@@ -26,7 +26,7 @@
       <div
         class="h-[235px] sm:h-[350px] w-full rounded-[20px] bg-cover bg-center transition-transform duration-300 group-hover:scale-105 xl:block relative"
         :style="{
-          backgroundImage: `url('/api/files/${component.image_collection}/${component.section_id}/${component.section_img[index]}?thumb=640x0')`,
+          backgroundImage: `url('/api/public/file/${component.img[index]}_l.webp')`,
           backgroundSize: 'cover',
           backgroundPosition: 'center',
         }"
@@ -66,17 +66,22 @@
 
 <script lang="ts" setup>
 type Component = {
-  image_collection: string;
-  section_id: string;
-  section_img: string;
-  section_lang_data: [
-    {
-      title: string;
-      description: string;
-      sub_title: string;
-    }
-  ];
-};
+  id: number
+  name: string
+  img: string[]
+  component_name: string
+  is_no_lang: boolean
+  page_name: string
+  front_section_lang: {
+    data: {
+      title: string
+      description: string
+      sub_title: string
+    }[]
+    id_front_section: number
+    id_lang: number
+  }[]
+}
 
 defineProps<{
   component: Component;