Radiobutton same name errors problem

[Ischafak]

What happened?

i have

radiobutton component something like this

<VField
      v-slot="{ errors }"
      v-model="localValue"
      :name="name"
      :rules="rules"
      :validate-on-input="true"
    >
      
        <input
          v-model="localValue"
          type="radio"
          :value="valueData"

        >

    </VField>

I have multiple radiobuttons in 1 page.

on veevalidate "vee-validate": "4.11.8", with same name i get errors[0] for each radiobutton.

but after i upgrade "vee-validate": "4.15.0", i only get the error on my last radiobutton.

am i doing something wrong normally i need to make every radiobutton red border if that happens.

Reproduction steps

...

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

Demo link

.

Code of Conduct

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