fix the issue of updated global config by component

Author: dipaksarkar

src/component.vue

@@ -14,7 +14,10 @@
 
 <script>
 import directive from './directive'
-import options from './options'
+import { cloneDeep } from "./core";
+import defaultOptions from './options'
+
+const options = cloneDeep(defaultOptions)
 
 export default {
   props: {

src/core.js

@@ -3,6 +3,13 @@ import NumberFormat from './number-format'
 
 export const CONFIG_KEY = '__input-facade__'
 
+/**
+ * Creates a fuction to clone the objcet
+ */
+ export function cloneDeep(data) {
+  return JSON.parse(JSON.stringify(data))
+}
+
 /**
  * Creates a CustomEvent('input') with detail = { facade: true }
  * used as a way to identify our own input event

src/directive.js

@@ -34,7 +34,7 @@ export default {
       if (([110, 190].includes(e.keyCode) || e.key === config.decimal) && !el.value.includes(config.decimal)) {
         e.preventDefault()
         el.setRangeText(config.decimal)
-        el.dispatchEvent(new Event('input'))
+        core.updateValue(el, null, { emit: true }, e)
         core.updateCursor(el, el.value.indexOf(config.decimal) + 1)
       } else if (([110, 190].includes(e.keyCode) || e.key === config.decimal) && el.value.includes(config.decimal)) {
         e.preventDefault()