dev

app/pages/index.vue

@@ -111,7 +111,7 @@
       </SectionContent>
       <SquareCardBlocTextList >
         <SquareCardBlocText
-          v-for="actuscard in actuscards"
+          v-for="actuscard in homeActuscards"
           :key="actuscard.id"
           :id="actuscard.id"
           :imgSrc="actuscard.imgSrc"
@@ -331,17 +331,55 @@
           description: ``,
           url:"/mediation/petite-enfance",
         },
-
-        {
-          id: '4',
-          imgSrc: '/contenus/pablo_gonzalez.jpg',
-          imgAlt: "Pablo González, nouveau directeur musical pour la saison 27.28",
-          title: "Pablo González, nouveau directeur musical pour la saison 27.28",
-          description: ``,
-          url:"",
-        },
   ])
 
+  const { items: actualitesAccueilItems } = useStrapi(
+    "/api/__strapi__/actualites",
+    {
+      locale: "fr-FR",
+      sort: "date_actu:desc",
+      fetchAll: true,
+      filters: {
+        accueil_actu: {
+          $eq: true,
+        },
+      },
+      populate: {
+        image_illustration_actu: true,
+      },
+    }
+  )
+
+  const actualitesAccueilCards = computed(() => {
+    return actualitesAccueilItems.value.map((actu) => {
+      const image = normalizeStrapiMedia(actu.image_illustration_actu)
+
+      return {
+        id: `actualite-${actu.id || actu.documentId || actu.slug_actu}`,
+        imgSrc: image?.url || "",
+        imgAlt: image?.alternativeText || actu.titre_actu || "",
+        title: actu.titre_actu || "",
+        description: actu.sous_titre_actu || "",
+        url: actu.slug_actu ? `/orchestre/actus?actu=${actu.slug_actu}` : "/orchestre/actus",
+      }
+    })
+  })
+
+  const homeActuscards = computed(() => [
+    ...actuscards.value,
+    ...actualitesAccueilCards.value,
+  ])
+
+  function normalizeStrapiMedia(media) {
+    if (!media?.url) return null
+
+    return {
+      id: media.id || media.documentId || media.url,
+      url: media.url,
+      alternativeText: media.alternativeText || media.caption || media.name || "",
+    }
+  }
+
   //--------------------
   // DONNÉES POUR ONDIF MAG
   //--------------------