[Bug]: Weird Slider Bug with v-model about shadcn-vue HOT 4 CLOSED

i ended up figuring it out using computed as an intermediary between the two. The computed property handled the conversion between the array value and the single number value.

https://stackblitz.com/edit/9wnv28?file=src%2FApp.vue

from shadcn-vue.

Slider component modelValue is like [number] and normal input modelValue is like number that will cause conflict between these two

Look at SliderForm code initialValue duration is: [30]
https://www.shadcn-vue.com/docs/components/slider.html#form

But when Slider is not multiple it's weird that modelValue is still accepting [30] not 30

from shadcn-vue.

hmm i wonder if there's a work around seems to be a vue thing, i did something similar in react and it works

from shadcn-vue.

I think it's possible that in Vue, when updating data through components, the value type of v-model will be updated to the corresponding data format.In your code, when type="number", the format of modelValue is number; when type="range", the format is string. However, this is different from the format of modelValue for Slider, which is an array of numbers.

from shadcn-vue.