feat : ajout d'un sélecteur "Tout cocher" dans le composant SelectCheckbox

.playground/pages/composant/selectCheckbox.vue

@@ -100,6 +100,29 @@
       />
     </div>
 
+    <div class="rounded-lg border p-4">
+      <h2 class="mb-4 text-xl font-bold">Tout sélectionner</h2>
+      <MalioSelectCheckbox
+        v-model="selectAllValue"
+        :options="options"
+        label="Pays"
+        :display-select-all="true"
+        empty-option-label="Aucune selection"
+      />
+    </div>
+
+    <div class="rounded-lg border p-4">
+      <h2 class="mb-4 text-xl font-bold">Tout sélectionner (label custom)</h2>
+      <MalioSelectCheckbox
+        v-model="selectAllCustomValue"
+        :options="options"
+        label="Pays"
+        :display-select-all="true"
+        select-all-label="Cocher tout"
+        empty-option-label="Aucune selection"
+      />
+    </div>
+
     <div class="rounded-lg border p-4 md:col-span-2">
       <h2 class="mb-4 text-xl font-bold">Liste longue</h2>
       <MalioSelectCheckbox
@@ -163,6 +186,8 @@ const errorValue = ref<Array<string | number>>([])
 const successValue = ref<Array<string | number>>(['be'])
 const disabledValue = ref<Array<string | number>>(['ca'])
 const emptyValue = ref<Array<string | number>>([])
+const selectAllValue = ref<Array<string | number>>([])
+const selectAllCustomValue = ref<Array<string | number>>([])
 const longListValue = ref<Array<string | number>>([])
 const bottomValue = ref<Array<string | number>>([])
 </script>