[v4] Errors continue to exist when deleting an item

[alex-korniienko]

What happened?

When you remove an item from the field array, errors still exist in the errors object, they should be reindexed according to the current field's value. It`s a big problem because when you will remove and push again errors will be displayed on the new item.

When I will press Add button my new item with index 1 will have an error.

Reproduction steps

1. Create an FieldArray and add basic actions push, remove
2. Add displaying errors from the form
3. Start removing items from fields and check errors displaying

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://codesandbox.io/s/vee-validate-v4-repeater-d9qft?file=/src/App.vue

Code of Conduct

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

[logaretm]

Looks like this happens when you use rules on individual fields and you remove fields from the middle of the list. This was caused by the field not unsettling the old errors path.

Should be up shortly in a new patch release. Thank you for reporting this.

[alex-korniienko]

@logaretm
Thank you!