Refactor code for improved performance and readability

src/components/Form/InputNumber.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from 'vue'
 
-const props = defineProps({
+defineProps({
   placeholder: {
     type: String,
     default: ''
@@ -16,15 +16,16 @@ const props = defineProps({
   },
   value: {
     type: Number,
-    default: ''
+    default: 1
   }
 })
+
 const emit = defineEmits(['update:timeValue'])
 const timeValue = ref(1)
+
 watch(timeValue, (newValue) => {
   emit('update:timeValue', newValue)
 })
-
 </script>
 
 <template>
@@ -38,8 +39,8 @@ watch(timeValue, (newValue) => {
       :readonly="readonly"
       inputmode="numeric"
       pattern="[0-9.]*"
-      oninput="this.value = this.value.replace(/[^0-9.]/g, '')"
-      onfocus="this.value = this.value.replace(/[^0-9.]/g, '')"
+      onblur="this.value = parseInt(this.value) ? this.value : 1"
+      oninput="this.value = parseInt(this.value) ? this.value.replace(/[^0-9.]/g, '') : 1"
       class="w-full px-4 py-2 text-sm leading-6 placeholder:text-gray-400 text-gray-900 border-0 border-transparent rounded-lg outline-0 bg-gray-200 focus:outline-0 focus:border-0 focus:ring-0"
     />
   </div>