feat(RadioGroup): add selected to label slot props (#1587)

nuxt · Jul 23, 2024 · d18477d · d18477d
1 parent 748e491
commit d18477d
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/runtime/components/forms/RadioGroup.vue b/src/runtime/components/forms/RadioGroup.vue
@@ -18,7 +18,7 @@
         @change="onUpdate(option.value)"
       >
         <template #label>
-          <slot name="label" v-bind="{ option }" />
+          <slot name="label" v-bind="{ option, selected: option.selected }" />
         </template>
       </URadio>
     </fieldset>
@@ -117,6 +117,10 @@ export default defineComponent({
       return get(option, props.optionAttribute, get(option, props.valueAttribute))
     }
 
+    const guessOptionSelected = (option: any) => {
+      return props.modelValue === guessOptionValue(option)
+    }
+
     const normalizeOption = (option: any) => {
       if (['string', 'number', 'boolean'].includes(typeof option)) {
         return {
@@ -128,7 +132,8 @@ export default defineComponent({
       return {
         ...option,
         value: guessOptionValue(option),
-        label: guessOptionText(option)
+        label: guessOptionText(option),
+        selected: guessOptionSelected(option)
       }
     }