The useField's syncVModel option does not work

[Dunqing]

What happened?

useFields is not synchronized with modelValue when it is initialized for the first time.

Reproduction steps

You can see the value default value is test, but the input value is empty.

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

https://stackblitz.com/edit/vee-validate-v4-radio-7meypq?file=src%2FInput.vue,src%2FApp.vue

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

Thanks for reporting this, a workaround for now is to initialize it yourself temporarily till it is fixed.

const { value } = useField('test', undefined, {
  initialValue: props.modelValue,
  syncVModel: true,
});