fix changing global config by component

Author: dipaksarkar

README.md

@@ -1,6 +1,6 @@
 [![npm Version](https://badgen.net/npm/v/@coders-tm/vue-number-format?color=green)](https://www.npmjs.com/package/@coders-tm/vue-number-format)
 [![npm Downloads](https://badgen.net/npm/dt/@coders-tm/vue-number-format?color=green)](https://www.npmjs.com/package/@coders-tm/vue-number-format)
-[![github Stars](https://badgen.net/github/stars/coders-tm/vue-number-format?color=green)](https://www.npmjs.com/package/@coders-tm/vue-number-format)
+[![github Stars](https://badgen.net/github/stars/coders-tm/vue-number-format?color=green)](https://github.com/coders-tm/vue-number-format)
 [![Bundlephobia](https://badgen.net/bundlephobia/minzip/@coders-tm/vue-number-format?color=green)](https://bundlephobia.com/result?p=@coders-tm/vue-number-format)
 [![License](https://badgen.net/github/license/coders-tm/vue-number-format?color=green)](https://github.com/coders-tm/vue-number-format/blob/master/LICENSE)
 

src/component.vue

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

src/core.js

@@ -2,6 +2,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

@@ -7,7 +7,7 @@ const CONFIG_KEY = core.CONFIG_KEY
 export default {
   beforeMount: (el, { value, modifiers }, vnode) => {
     el = core.getInputElement(el)
-    const config = Object.assign({}, defaults, value, modifiers)
+    const config = Object.assign({}, core.cloneDeep(defaults), value, modifiers)
     el[CONFIG_KEY] = { config }
     // set initial value
     core.updateValue(el, vnode, { force: config.prefill, clean: true })