Field component ignores validateOn props using external value changes

[DarrenXu94]

What happened?

I have a <Field> component using :validateOnModelUpdate="false" and a v-model. Updating the v-model externally still triggers the Field component to run it's validation even when set to false. When I apply the rules prop to the Field instead of validation-schema to Form this works as expected.

Reproduction steps

1. Create a Field component with yup validation but validateOnModelUpdate to false. Add validation to the Form component.
2. Update the v-model of the Field using a button
3. Notice the validation still runs

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/vue-6pt4lq?file=src%2FApp.vue

Code of Conduct

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

[Kerimhan05]

validation fires on the first character input, why doesn't it only fire on onBlur?

Vue 3 + nuxt 3, VeeValidate@4.8.3