fix(counter): floatify value

m0ksem · Apr 1, 2024 · 4d1e178 · 4d1e178
1 parent 2e43fc0
commit 4d1e178
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/ui/src/components/va-counter/VaCounter.stories.ts b/packages/ui/src/components/va-counter/VaCounter.stories.ts
@@ -116,6 +116,11 @@ export const Step: StoryFn = () => ({
       stateful
       :step="2"
     />
+
+    <VaCounter
+      stateful
+      :step="0.1"
+    />
   `,
 })
 

diff --git a/packages/ui/src/components/va-counter/VaCounter.vue b/packages/ui/src/components/va-counter/VaCounter.vue
@@ -189,7 +189,16 @@ const {
   blur,
 } = useFocus(input, emit)
 
-const { valueComputed } = useStateful(props, emit)
+const { valueComputed: statefulValue } = useStateful(props, emit)
+
+function floatify (num: number | string) {
+  return parseFloat(Number(num).toFixed(10))
+}
+
+const valueComputed = computed({
+  get () { return statefulValue.value },
+  set (v) { statefulValue.value = floatify(v) },
+})
 
 const reset = () => withoutValidation(() => {
   emit('update:modelValue', props.clearValue)