update event to allow us to use v-model

Author: krystalcampioni

Diff for: README.md

@@ -31,6 +31,6 @@ export default {
   :inputClass="your-css-class"
   :buttonClass="your-other-css-class"
   :integerOnly="true"
-  @newNumber="someFunction"
+  v-model="yourVModel"
 />
 ```

Diff for: package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-number-input-spinner",
-  "version": "1.0.1",
+  "version": "2.0.0",
   "description": "A Vue number spinner component that only allows the user to type in numbers",
   "author": "krystalcampioni <[email protected]>",
   "license": "MIT",

Diff for: src/App.vue

@@ -2,6 +2,8 @@
   <div id="app" style="text-align: center; padding: 10vw; max-width: 960px; width: 90vw">
     <div>
       <NumberInputSpinner />
+      <hr>
+      <NumberInputSpinner :integerOnly="false"  :step=".5" v-model="test"/>
     </div>
   </div>
 </template>
@@ -13,5 +15,11 @@ export default {
     components: {
         NumberInputSpinner,
     },
+
+    data: function () {
+        return {
+            test: 0,
+        };
+    },
 };
 </script>

Diff for: src/components/NumberInputSpinner.vue

@@ -97,7 +97,7 @@ export default {
             if( val >= this.max ) { this.numericValue = parseInt(this.max); }
 
             if( val <= this.max && val >= this.min ) {
-                this.$emit('newNumber', val, oldVal );
+                this.$emit('input', val, oldVal );
             }
         }
     }