Slider value is validated as string instead of integer

[lucas-kok]

Environment

https://builder.vueform.com/demo

Reproduction

Build a form with in it a slider component with validation rules for either "Min value", "Max value" or "Exact value". Now try setting a value for the slider and check the validation error indicating that the value should be at least/at most/exact x characters.

Describe the bug

When having a slider component with validation rules of "Min value", "Max value", or "Exact value", the value of the slider will be treated as a string instead of an integer. That means that a Min value of 2 will will display the following validation error when the slider value is less then 10 (because "10" = 2 chars):

(Min value = 2, Max value = not set, Exact value = not set)



(Min value = 3, Max value = not set, Exact value = not set)



(Min value = not set, Max value = 1, Exact value = not set)

Expected would be that when setting Min value to 50, setting the slider to anything less then 49 would be causing validation issues, but right now everything under the value of 1 * 10^49 will result an validation message

So the slider inputs will be treated as following:

• 0-9 -> "0" - "9" = 1
• 10-99 -> "10" - "99" = 2
• 100 -> "100" = 3

Additional context

No response

Logs