fix config

Author: Dipak Sarkar

docs/.vuepress/components/Example.vue

@@ -61,8 +61,8 @@
             :dark="false"
             dense
             outlined
-            v-model.lazy="priceUnmasked"
-            v-number="config"
+            v-model="priceUnmasked"
+            v-number.lazy="config"
           />
           <div>Model value: <span class="text-bold">{{priceUnmasked}}</span></div>
         </div>
@@ -100,13 +100,8 @@ export default {
       },
       reverseFill: 6789.10,
       configReverseFill: {
-        decimal: ',',
-        separator: '.',
-        prefix: '$',
+        reverseFill: true,
         suffix: '',
-        precision: 2,
-        null_value: '',
-        reverseFill: true
       }
     }
   }

src/core.js

@@ -20,12 +20,13 @@ export function FacadeInputEvent() {
  * @param {object} config The format config object
  * @param {object} modifiers An object of modifier flags that can influence the formating process
  */
-export function normalizeConfig(config, modifiers) {
-  if (Array.isArray(config) || typeof config === 'string') {
-    config = { modifiers: config }
-  }
-
-  return Object.assign(config || {}, modifiers)
+export function normalizeConfig(defaults, extras) {
+  defaults = defaults || {}
+  extras = extras || {}
+  return Object.keys(defaults).concat(Object.keys(extras)).reduce((acc, val) => {
+    acc[val] = extras[val] === undefined ? defaults[val] : extras[val]
+    return acc
+  }, {})
 }
 
 /**

src/directive.js

@@ -4,9 +4,9 @@ import defaults from './options'
 const CONFIG_KEY = core.CONFIG_KEY
 
 export default {
-  bind: (el, { value }, vnode) => {
+  bind: (el, { value, modifiers }, vnode) => {
     el = core.getInputElement(el)
-    const config = core.normalizeConfig(defaults, value)
+    const config = core.normalizeConfig(defaults, Object.assign(value, modifiers))
     el[CONFIG_KEY] = { config }
     // set initial value
     core.updateValue(el, vnode, { force: config.prefill })
@@ -41,11 +41,11 @@ export default {
     option.cleanup = () => handlerOwner.removeEventListener('input', oninput, true)
   },
 
-  update: (el, { value, oldValue }, vnode) => {
+  update: (el, { value, oldValue, modifiers }, vnode) => {
     el = core.getInputElement(el)
     if (value !== oldValue) {
       const { config } = el[CONFIG_KEY]
-      el[CONFIG_KEY].config = core.normalizeConfig(config, value)
+      el[CONFIG_KEY].config = core.normalizeConfig(config, Object.assign(value, modifiers))
       core.updateValue(el, vnode, { force: true })
     } else {
       core.updateValue(el, vnode)