fix: 🐛 Correction du slot légende

Correction du slot légende afin de l'afficher même si la prop legend n'est pas renseignée
dnum-mi · Aug 9, 2024 · 9751cab · 9751cab
1 parent 1320ae1
commit 9751cab
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/demo-app/views/AppForm.vue b/demo-app/views/AppForm.vue
@@ -38,7 +38,7 @@ const radioTest = ref('')
     <div>
       <DsfrRadioButtonSet
         v-model="radioTest"
-        legend="Légende des boutons radio"
+        legend="Légende des boutons radio dans la prop"
         name="radio-123aui"
         :options="[
           {
@@ -52,6 +52,25 @@ const radioTest = ref('')
           },
         ]"
       />
+      <DsfrRadioButtonSet
+        v-model="radioTest"
+        name="radio-123aui"
+        :options="[
+          {
+            label: 'label 1',
+            value: 1,
+            required: true,
+          },
+          {
+            label: 'label 2',
+            value: 2,
+          },
+        ]"
+      >
+        <template #legend>
+          Légende des boutons radio dans le slot
+        </template>
+      </DsfrRadioButtonSet>
     </div>
     <DsfrButton
       type="submit"

diff --git a/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue b/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue
@@ -44,7 +44,7 @@ const ariaLabelledby = computed(() => message.value ? `${props.titleId} messages
       :role="(errorMessage || validMessage) ? 'group' : undefined"
     >
       <legend
-        v-if="legend"
+        v-if="legend || $slots.legend"
         :id="titleId"
         class="fr-fieldset__legend fr-fieldset__legend--regular"
       >