Fix blur event, #13

* v-on="listeners" was buggy for reasons

Author: ankurk91

examples/App.vue

@@ -120,7 +120,7 @@
           cardNumber: null,
           phoneNumber: null,
           date: null,
-          number: null,
+          number: 1234567,
         },
         // https://github.com/nosir/cleave.js/blob/master/doc/options.md
         options: {

src/component.vue

@@ -1,13 +1,12 @@
 <template>
-  <input :type="type" v-bind="$attrs" v-on="inputListeners">
+  <input :type="type" @blur="onBlur">
 </template>
 
 <script>
   import Cleave from 'cleave.js'
 
   export default {
     name: 'cleave',
-    inheritAttrs: false,
     props: {
       value: {
         default: null,
@@ -26,6 +25,7 @@
         type: Boolean,
         default: true
       },
+      // Input type, for example `tel`
       type: {
         type: String,
         default: 'text'
@@ -74,6 +74,9 @@
           this.onValueChangedFn.call(this, event)
         }
       },
+      onBlur(event) {
+        this.$emit('blur', this.value)
+      }
     },
     watch: {
       /**
@@ -107,19 +110,6 @@
         this.cleave.setRawValue(newValue);
       }
     },
-    computed: {
-      inputListeners() {
-        return Object.assign({},
-          // Add all the listeners from the parent
-          this.$listeners,
-          {
-            blur: (event) => {
-              this.$emit('blur', this.value)
-            }
-          }
-        )
-      }
-    },
     /**
      * Free up memory
      */