@tak-ps/vue-tabler 2.3.0 → 2.4.0

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ## Version History
 
+### v2.4.0
+
+- :bug: Numeric input should output numerics in TablerInput
+
+### v2.3.1
+
+- :rocket: Remove Debug Code
+
 ### v2.3.0
 
 - :rocket: Improved List Component

package/components/Input.vue

@@ -21,7 +21,7 @@ export default {
     name: 'TablerInput',
     props: {
         modelValue: {
-            type: String,
+            type: [String, Number],
             required: true
         },
         disabled: {
@@ -47,8 +47,20 @@ export default {
     },
     watch: {
         current: function() {
-            if (this.current === this.modelValue) return;
-            this.$emit('update:modelValue', this.current);
+            if (typeof this.modelValue === 'number') {
+                const current = Number(this.current);
+
+                if (isNaN(current)) {
+                    this.error = 'Must be a number!';
+                } else if (current === this.modelValue) {
+                    return;
+                } else {
+                    this.$emit('update:modelValue', current);
+                }
+            } else {
+                if (this.current === this.modelValue) return;
+                this.$emit('update:modelValue', this.current);
+            }
         }
     }
 }

package/components/List.vue

@@ -75,7 +75,6 @@ export default {
         buttonHeight() {
             if(!this.isMounted) return 100;
             const buttonDOM = this.$refs.button
-            console.error(buttonDOM);
             return buttonDOM ? buttonDOM.offsetWidth : 100;
         },
     },

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@tak-ps/vue-tabler",
     "type": "module",
-    "version": "2.3.0",
+    "version": "2.4.0",
     "main": "lib.js",
     "module": "lib.js",
     "description": "Tabler UI components for Vue3",