Add check for a ZERO value

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-numeric",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "Input field component to display currency value based on Vue.",
   "author": "Kevin Ongko",
   "main": "dist/vue-numeric.min.js",

src/vue-numeric.vue

@@ -275,7 +275,7 @@ export default {
 
   mounted () {
     // Set default value props when valueNumber has some value
-    if (this.valueNumber) {
+    if (this.valueNumber || this.isDeliberatelyZero()) {
       this.process(this.valueNumber)
       this.amount = this.format(this.valueNumber)
 
@@ -377,6 +377,14 @@ export default {
     unformat (value) {
       const toUnformat = typeof value === 'string' && value === '' ? this.emptyValue : value
       return accounting.unformat(toUnformat, this.decimalSeparatorSymbol)
+    },
+
+    /**
+     * Check if value was deliberately set to zero and not just evaluated
+     * @return {boolean}
+     */
+    isDeliberatelyZero () {
+      return this.valueNumber === 0 && this.value !== '';
     }
   }
 }

test/specs/vue-numeric.spec.js

@@ -313,4 +313,8 @@ describe('vue-numeric.vue', () => {
     wrapper.trigger('change')
     expect(process.called).to.equal(true)
   })
+  it('initial value is 0 if zero is passed', () => {
+    const wrapper = mount(VueNumeric, { propsData: { value: 0}})
+    expect(wrapper.data().amount).to.equal('0')
+  })
 })