Merge pull request #1414 from betagouv/1413-console-warning

Traitement du warning console : ajout d'un DsfrAccordionGroup dans SummaryElementList

frontend/src/components/DeclarationSummary/SummaryElementList.vue

@@ -1,17 +1,18 @@
 <template>
   <div v-if="elements.length">
     <!-- Affichage avec les accordéons : les ingrédients sont cachés à l'intérieur -->
-    <DsfrAccordion v-if="useAccordions">
-      <template v-slot:title>
-        <SummaryElementListTitle :objectType="objectType" :elementCount="`${elements.length}`" />
-      </template>
-      <SummaryElementListItems
-        :showElementAuthorization="showElementAuthorization"
-        :objectType="objectType"
-        :elements="elements"
-      />
-    </DsfrAccordion>
-
+    <DsfrAccordionsGroup v-if="useAccordions" v-model="activeAccordion">
+      <DsfrAccordion>
+        <template v-slot:title>
+          <SummaryElementListTitle :objectType="objectType" :elementCount="`${elements.length}`" />
+        </template>
+        <SummaryElementListItems
+          :showElementAuthorization="showElementAuthorization"
+          :objectType="objectType"
+          :elements="elements"
+        />
+      </DsfrAccordion>
+    </DsfrAccordionsGroup>
     <!-- Affichage sans les accordéons, tous les ingrédients sont affichés -->
     <div v-else>
       <SummaryElementListTitle class="mt-6 mb-3" :objectType="objectType" />
@@ -25,6 +26,7 @@
 </template>
 
 <script setup>
+import { ref } from "vue"
 import SummaryElementListTitle from "./SummaryElementListTitle"
 import SummaryElementListItems from "./SummaryElementListItems"
 
@@ -34,4 +36,6 @@ defineProps({
   useAccordions: { type: Boolean },
   showElementAuthorization: { type: Boolean },
 })
+
+const activeAccordion = ref()
 </script>