chore: Corrige les boutons radio dans demo-app

Author: laruiss

src/components/DsfrRadioButton/DsfrRadioButton.stories.js

@@ -41,12 +41,23 @@ export const RadioButton = (args, { argTypes }) => ({
     return args
   },
   template: `
-    <DsfrRadioButton
-      v-for="option of options"
-      :modelValue="modelValue"
-      v-bind="option"
-      @update:modelValue="updateCheckedValue($event)"
-    />
+  <div class="fr-form-group">
+    <fieldset
+      class="fr-fieldset"
+    >
+      <div
+        class="fr-fieldset__content"
+        role="radiogroup"
+      >
+        <DsfrRadioButton
+          v-for="option of options"
+          :modelValue="modelValue"
+          v-bind="option"
+          @update:modelValue="updateCheckedValue($event)"
+        />
+      </div>
+    </fieldset>
+  </div>
   `,
   methods: {
     updateCheckedValue (val) {

src/demo-app/views/AppForm.vue

@@ -34,20 +34,24 @@ const radioTest = ref('')
       label-visible
       @change="updateFiles($event)"
     />
-    <DsfrRadioButtonSet
-      v-model="radioTest"
-      :options="[
-        {
-          label: 'label 1',
-          value: 1,
-          required: true,
-        },
-        {
-          label: 'label 2',
-          value: 2,
-        }
-      ]"
-    />
+    <div>
+      <DsfrRadioButtonSet
+        v-model="radioTest"
+        legend="Légende des boutons radio"
+        name="radio-123aui"
+        :options="[
+          {
+            label: 'label 1',
+            value: 1,
+            required: true,
+          },
+          {
+            label: 'label 2',
+            value: 2,
+          }
+        ]"
+      />
+    </div>
     <DsfrButton
       type="submit"
       label="Bouton de soumission du formulaire"