number model modifier emits string

[azamat-sharapov]

What happened?

When listening to input event from Field component with model-modifiers="{number: true}", I get string emitted as $event.target.value. I think it should be number instead.

Reproduction steps

No response

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://codepen.io/azamat-sharapov/pen/VwVPoEX

Code of Conduct

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

[logaretm]

This was indeed a bug, but even with the fix you will need to listen for @update:modelValue instead of @input because that will listen to the native HTML input event and not the model event.

The fix will go out with the next release, thanks for reporting this.

[azamat-sharapov]

@logaretm thanks! Reason I was using @input is because @update:model-value is fired twice on my end. I couldn't reproduce this in codepen though. Using lodash debounce to workaround it until I find real cause. Regarding number model modifier - can confirm that it's working now 👍🏻