convert input value on focus

Author: kevinongko

.gitignore

@@ -1,4 +1,5 @@
 npm-debug.log
 node_modules
+.DS_Store
 /.vscode
 /.idea

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-numeric",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Input field component to display currency value based on Vue.",
   "author": "Kevin Ongko",
   "main": "src/vue-numeric.vue",

src/vue-numeric.vue

@@ -1,5 +1,5 @@
 <template>
-  <input type="tel" :value="value" v-model="amount" ref="numeric" :placeholder="placeholder" @blur="processValue(amountValue)">
+  <input type="tel" :value="value" v-model="amount" ref="numeric" :placeholder="placeholder" @blur="processValue(amountValue)" @focus="formatValueToNumberType">
 </template>
 
 <script>
@@ -221,6 +221,10 @@ export default {
       })
 
       this.$emit('input', Number(accounting.toFixed(value, this.precision)))
+    },
+
+    formatValueToNumberType () {
+      this.amount = this.value
     }
   },
 
@@ -234,4 +238,4 @@ export default {
     if (this.defaultValue) this.processValue(this.defaultValue)
   }
 }
-</script>
+</script>