fix(InputNumber): Number was not updated correctly #53

Author: sfxcode

dev/pages/inputs/InputNumber.vue

@@ -4,7 +4,7 @@ const schema
   = [
     {
       $formkit: 'primeInputNumber',
-      name: 'myInputNumber',
+      name: 'firstNumber',
       label: 'Input Number',
       value: 1234,
       validation: 'max:10000',
@@ -13,7 +13,16 @@ const schema
     },
     {
       $formkit: 'primeInputNumber',
-      name: 'myInputNumber',
+      name: 'secondNumber',
+      label: 'Input Number',
+      value: 999,
+      validation: 'min:900',
+      useGrouping: false,
+      minFractionDigits: 0,
+    },
+    {
+      $formkit: 'primeInputNumber',
+      name: 'fixedNumber',
       label: 'Input Number',
       value: 1234,
       class: 'customClass',

src/components/PrimeInputNumber.vue

@@ -33,11 +33,15 @@ const props = defineProps({
   },
 })
 
-const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
+const { unstyled, isInvalid } = useFormKitInput(props.context)
 
 function handleBlur(e: InputNumberBlurEvent) {
   props.context?.handlers.blur(e.originalEvent)
 }
+
+function handleInput(_: any) {
+  props.context?.node.input(_.value)
+}
 </script>
 
 <template>