`applyResult` Method on `ValidationProvider` Not Working When Using Vuetify Component with Shared `v-model`

[milandhar]

What happened?

When looping through multiple v-autocomplete components that share the same v-model (each with their own ValidationProvider), it is not possible to successfully call the applyResult method on the ValidationProvider to add a manual error. Instead, calling the applyResult method seems to have no effect on the ValidationProvider in this case.

Reproduction steps

1. In the attached code sandbox, de-select all values in any one of the dropdowns so that it is blank. (Make sure only one dropdown is blank and the other one still has some values)
2. Close the dropdown so it triggers the blur event.
3. Observe that no errors were applied, but in the console, you can see confirmation the applyResult method was called on the ValidationProvider

Version

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

What browsers are you seeing the problem on?

• [x] Firefox
• [X] Chrome
• [X] Safari
• [ ] Microsoft Edge

Relevant log output

calling applyResult!

Demo link

https://codesandbox.io/s/v-autocomplete-validationprovider-w-shared-v-model-m8yt7y?file=/src/App.vue

Code of Conduct

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

[milandhar]

@logaretm - do you mind taking a look at this issue when you have a chance? Thanks!