[v4] Preserve value binding type for select element

[logaretm]

What happened?

When binding a <select> element's options to values using :value="something", when the option gets selected the value is cast to a string.

This is because vee-validate uses the e.target.value in that case, it should resolve the actual value in the same way it does for checkboxes.

Reproduction steps

1. Create a select element using either useField or Field component
2. Add options with value bindings to types other than string
3. Select the option and notice the value is cast to a string and not using the bound value

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/objective-minsky-ulqdh?file=/src/App.vue

Code of Conduct

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