Niki4h

props: [ 'value' ],
provide() {
  return {
    radioGroup: this,
  };
},

props: [ 'value' ],
inject: [ 'radioGroup' ],

<input
  type="radio"
  :value="value"
  :checked="radioGroup.value === value"
  @change="radioGroup.$emit('input', value)"
>

props: [ 'modelValue' ],
emits: [ 'update:modelValue' ],
setup(props, { emit }) {
  provide('radioGroupValue', computed({
    get: () => props.modelValue,
    set: v => emit('update:modelValue', v),
  }));
},

props: [ 'value' ],
setup() {
  return {
    radioGroupValue: inject('radioGroupValue'),
  };
},

<input
  type="radio"
  :value="value"
  v-model="radioGroupValue"
>