What happened?

Using nested forms with the composition API and plain HTML markup does not bind to the form.

This example should be added to the documentation, at least with yup, so I tried to create a fork and reproduce it.
An example with custom validators would also be preferred, as there are several requests in the discussions.

Reproduction steps

1. Define a form in a data structure as in the example https://vee-validate.logaretm.com/v4/examples/array-fields
2. Define a markup to match the data as in fields array, with inputs for name and email looped through fields
3. Add validation using yup, copied from https://vee-validate.logaretm.com/v4/examples/array-fields
4. Typing in the input, the form should be reactive and track the data, but it's not

The issue seems not to occur in the case of a list of strings: https://stackblitz.com/edit/b1bodjnl?file=src%2FApp.vue&startScript=dev

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 log is printed out.

Demo link

https://stackblitz.com/edit/5r8br4we?file=src%2FApp.vue&startScript=dev

Code of Conduct

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