Add backward-compatibility for events

Author: iamstevendao

README.md

@@ -117,13 +117,13 @@ Read more on `vue-form-generator`'s [instruction page](https://icebob.gitbooks.i
 
 ### Events
 
-  | Property value | Arguments | Description |
-  | -------------- | --------- | ----------- |
-  | `input` | `String`, `Object` | Fires when the input changes with the argument is the object includes `{ number, isValid, country }` |
-  | `validate` | `Object` | Fires when the correctness of the phone number changes (from `true` to `false` or vice-versa) and when the component is mounted `{ number, isValid, country }` |
-  | `blur` |  | Fires on blur event |
-  | `space` |  | Fires on keyup.space event |
-  | `enter` |  | Fires on keyup.enter event |
+  | Property value | Arguments | Description | Notes |
+  | -------------- | --------- | ----------- | ----- |
+  | `input` | `String`, `Object` | Fires when the input changes with the argument is the object includes `{ number, isValid, country }` | `onInput` deprecated |
+  | `validate` | `Object` | Fires when the correctness of the phone number changes (from `true` to `false` or vice-versa) and when the component is mounted `{ number, isValid, country }` | `onValidate` deprecated |
+  | `blur` |  | Fires on blur event | `onBlur` deprecated |
+  | `space` |  | Fires on keyup.space event | `onSpace` deprecated |
+  | `enter` |  | Fires on keyup.enter event | `onEnter` deprecated |
 
 ## Highlights & Credits
 - Vue app created by [vue-cli](https://github.com/vuejs/vue-cli).

src/vue-tel-input.vue

@@ -238,6 +238,7 @@ export default {
       this.phone = '+' + this.activeCountry.dialCode;
     }
     this.$emit('validate', this.response);
+    this.$emit('onValidate', this.response); // Deprecated
   },
   created() {
     if (this.value) {
@@ -339,6 +340,7 @@ export default {
         // Otherwise format it
         this.phone = this.formattedResult;
       }
+      this.$emit('onValidate', this.response); // Deprecated
       this.$emit('validate', this.response);
     },
     value() {
@@ -407,21 +409,26 @@ export default {
         this.phone = '+' + country.dialCode;
       }
       this.$emit('input', this.response.number, this.response);
+      this.$emit('onInput', this.response); // Deprecated
     },
     onInput() {
       this.$refs.input.setCustomValidity(this.response.isValid ? '' : this.invalidMsg);
       // Returns response.number to assign it to v-model (if being used)
       // Returns full response for cases @input is used and parent wants to return the whole response.
       this.$emit('input', this.response.number, this.response);
+      this.$emit('onInput', this.response); // Deprecated
     },
     onBlur() {
       this.$emit('blur');
+      this.$emit('onBlur'); // Deprecated
     },
     onEnter() {
       this.$emit('enter');
+      this.$emit('onEnter'); // Deprecated
     },
     onSpace() {
       this.$emit('space');
+      this.$emit('onSpace'); // Deprecated
     },
     focus() {
       this.$refs.input.focus();