fix(DsfrToggleSwitch): ajoute la prop name qui sera propagée à l'input

fixes #994

Author: laruiss

src/components/DsfrToggleSwitch/DsfrToggleSwitch.md

@@ -15,13 +15,14 @@ Le `DsfrToggleSwitch` est un composant Vue versatile, conçu pour permettre à l
 | `modelValue`   | `boolean` |                         |             | Valeur booléenne associée à la case à cocher                              |
 | `disabled`     | `boolean` |                         |             | Valeur booléenne pour désactiver le toggle                                |
 | `hint`         | `string`  |                         |             | Texte d'information complémentaire affiché en dessous de l'interrupteur   |
-| `label`        | `string`  | `false`                 |             | Texte du label associé à l'interrupteur                                   |
+| `label`        | `string`  | `''`                    |             | Texte du label associé à l'interrupteur                                   |
+| `name`         | `string`  | `undefined`             |             | Attribut `name` de l’input                                                |
 | `labelLeft`    | `boolean` | `false`                 |             | Permet d'afficher le label à gauche de l'interrupteur                     |
 | `borderBottom` | `boolean` | `false`                 |             | Affiche une bordure sous l'interrupteur et le label                       |
 | `inputId`      | `string`  | `getRandomId('toggle')` |             | Identifiant unique pour le toggle. Utilisé pour l'accessibilité.          |
-| `activeText`   | `string`  | `Activé`                |             | Texte à afficher sous l'interrupteur lorsqu'il est activé |
-| `inactiveText` | `string`  | `Désactivé`             |             | Texte à afficher sous l'interrupteur lorsqu'il est désactivé |
-| `notext`       | `boolean`  | `false`                |             | Désactive l'affichage de activeText et inactiveText |
+| `activeText`   | `string`  | `Activé`                |             | Texte à afficher sous l'interrupteur lorsqu'il est activé                 |
+| `inactiveText` | `string`  | `Désactivé`             |             | Texte à afficher sous l'interrupteur lorsqu'il est désactivé              |
+| `noText`       | `boolean`  | `false`                |             | Désactive l'affichage de activeText et inactiveText                       |
 
 ## 📡 Évenements
 

src/components/DsfrToggleSwitch/DsfrToggleSwitch.types.ts

@@ -9,4 +9,5 @@ export type DsfrToggleSwitchProps = {
   activeText?: string
   inactiveText?: string
   noText?: boolean
+  name?: string
 }

src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue

@@ -16,6 +16,7 @@ const props = withDefaults(defineProps<DsfrToggleSwitchProps>(), {
   activeText: 'Activé',
   inactiveText: 'Désactivé',
   noText: false,
+  name: undefined,
 })
 
 defineEmits<{ (e: 'update:modelValue', payload: boolean): void }>()
@@ -42,6 +43,7 @@ const labelId = computed(() => {
       :data-testid="inputId"
       class="fr-toggle__input"
       :aria-describedby="labelId"
+      :name="name"
       @input="$emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
     >
     <label