fix(VRadioGroup): allow use without defined model

vuetifyjs · Aug 8, 2022 · 38302fe · 38302fe
1 parent d938634
commit 38302fe
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VRadioGroup/VRadioGroup.tsx b/packages/vuetify/src/components/VRadioGroup/VRadioGroup.tsx
@@ -9,9 +9,10 @@ import { VSelectionControlGroup } from '@/components/VSelectionControlGroup'
 
 // Composables
 import { IconValue } from '@/composables/icons'
+import { useProxiedModel } from '@/composables/proxiedModel'
 
 // Utilities
-import { computed } from 'vue'
+import { computed, toRef } from 'vue'
 import { defineComponent, filterInputAttrs, getUid, useRender } from '@/util'
 
 export const VRadioGroup = defineComponent({
@@ -42,9 +43,14 @@ export const VRadioGroup = defineComponent({
     },
   },
 
+  emits: {
+    'update:modelValue': (val: any) => true,
+  },
+
   setup (props, { attrs, slots }) {
     const uid = getUid()
     const id = computed(() => props.id || `radio-group-${uid}`)
+    const model = useProxiedModel(props, 'modelValue')
 
     useRender(() => {
       const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)
@@ -62,6 +68,7 @@ export const VRadioGroup = defineComponent({
           class="v-radio-group"
           { ...inputAttrs }
           { ...inputProps }
+          v-model={ model.value }
           id={ id.value }
         >
           {{
@@ -87,6 +94,7 @@ export const VRadioGroup = defineComponent({
                   disabled={ isDisabled.value }
                   readonly={ isReadonly.value }
                   { ...controlAttrs }
+                  v-model={ model.value }
                   v-slots={ slots }
                 />
               </>