fix data

components/section/FooterBlock.vue

@@ -3,7 +3,7 @@
     <UiContainer class="flex flex-col gap-24">
       <div
         class="grid grid-cols-1 md:grid-cols-2 gap-[75px] xl:gap-0 xl:grid-cols-none xl:grid-flow-col auto-cols-max justify-between">
-        <div v-for="(item, index) in component.section_lang_data" :key="index"
+        <div v-for="(item, index) in component.front_section_lang[0].data" :key="index"
           class="flex flex-col gap-[25px] sm:gap-8 max-w-[280px]">
           <h3 class="h4-uppercase-bold-inter">{{ item.title }}</h3>
           <div class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all text-inter"
@@ -22,24 +22,29 @@
 </template>
 
 <script lang="ts" setup>
-const props = defineProps<{ component: Component }>();
-type Component = {
-  image_collection: string;
-  section_id: string;
-  section_img: string;
-  section_lang_data: {
-    title: string;
-    children: {
-      title: string;
-      value: 'email' | 'address' | 'certificate' | 'document' | 'form' | 'info';
-      link?: string;
-    }[];
-  }[];
-};
+defineProps<{
+  component: {
+    id: number
+    name: string
+    img: string[]
+    component_name: string
+    is_no_lang: boolean
+    page_name: string
+    front_section_lang: {
+      data: {
+        title: string
+        children: {
+          title: string
+          value: 'email' | 'address' | 'certificate' | 'document' | 'form' | 'info'
+          link?: string
+        }[]
+      }[]
+      id_front_section: number
+      id_lang: number
+    }[]
+  }
+}>();
 
-
-const store = useStore();
-const open = ref(false);
 const menuStore = useMenuStore();
 const colorMode = useColorMode();