add allowClear and update docs

Author: JonathanSchndr

dist/vue-numeric.min.js

@@ -34,6 +34,8 @@ <h2 class="subtitle">
               <vue-numeric
                 class="input is-large"
                 v-model="money"
+                :allow-clear="allowClear"
+                :empty-value="emptyValue"
                 :min="minValue"
                 :max="maxValue"
                 :currency="currency"
@@ -77,6 +79,12 @@ <h1 class="title is-4">
               <input class="input" type="number" v-model.number="decimals">
             </p>
           </div>
+          <div class="column is-12">
+            <p class="control">
+              <label class="label"> Empty Value </label>
+              <input class="input" type="text" v-model="emptyValue">
+            </p>
+          </div>
           <div class="column is-12">
             <label class="label"> Separator </label>
             <p class="control">
@@ -100,6 +108,12 @@ <h1 class="title is-4">
               Read Only
             </p>
           </div>
+          <div class="column is-12">
+            <p class="control">
+              <input type="checkbox" v-model="allowClear">
+              Allow clear
+            </p>
+          </div>
         </div>
       </div>
 
@@ -143,6 +157,8 @@ <h1 class="title is-4">
 
         data:  {
           money: 1000,
+          allowClear: true,
+          emptyValue: '',
           minValue: 0,
           maxValue: 999999,
           currency: '$',

docs/index.html

@@ -5,7 +5,7 @@
     :placeholder="placeholder"
     :disabled="disabled"
     v-model="amount"
-    type="tel"
+    :type="allowClear ? 'search' : 'tel'"
     @blur="onBlurHandler"
     @input="onInputHandler"
     @focus="onFocusHandler"
@@ -24,6 +24,15 @@ export default {
   name: 'VueNumeric',
 
   props: {
+    /**
+     * Allow clear.
+     */
+    allowClear: {
+      type: Boolean,
+      default: false,
+      required: false
+    },
+
     /**
      * Currency symbol.
      */