Customize separators

src/vue-numeric.vue

@@ -96,6 +96,26 @@ export default {
       required: false
     },
 
+    /**
+     * Forced thousand separator.
+     * Accepts any string.
+     */
+    thousandSeparator: {
+      default: undefined,
+      required: false,
+      type: String
+    },
+
+    /**
+     * Forced decimal separator.
+     * Accepts any string.
+     */
+    decimalSeparator: {
+      default: undefined,
+      required: false,
+      type: String
+    },
+
     /**
      * v-model value.
      */
@@ -159,7 +179,8 @@ export default {
      * Define decimal separator based on separator props.
      * @return {String} '.' or ','
      */
-    decimalSeparator () {
+    $decimalSeparator () {
+      if (typeof this.decimalSeparator !== 'undefined') return this.decimalSeparator
       if (this.separator === ',') return '.'
       return ','
     },
@@ -168,7 +189,8 @@ export default {
      * Define thousand separator based on separator props.
      * @return {String} '.' or ','
      */
-    thousandSeparator () {
+    $thousandSeparator () {
+      if (typeof this.thousandSeparator !== 'undefined') return this.thousandSeparator
       if (this.separator === '.') return '.'
       if (this.separator === 'space') return ' '
       return ','
@@ -273,7 +295,7 @@ export default {
           symbol: '',
           format: '%v',
           thousand: '',
-          decimal: this.decimalSeparator,
+          decimal: this.$decimalSeparator,
           precision: Number(this.precision)
         })
       }
@@ -315,8 +337,8 @@ export default {
         symbol: this.currency,
         format: this.symbolPosition,
         precision: Number(this.precision),
-        decimal: this.decimalSeparator,
-        thousand: this.thousandSeparator
+        decimal: this.$decimalSeparator,
+        thousand: this.$thousandSeparator
       })
     },
 
@@ -327,7 +349,7 @@ export default {
      */
     unformat (value) {
       const toUnformat = typeof value === 'string' && value === '' ? this.emptyValue : value
-      return accounting.unformat(toUnformat, this.decimalSeparator)
+      return accounting.unformat(toUnformat, this.$decimalSeparator)
     }
   }
 }

test/specs/vue-numeric.spec.js

@@ -251,4 +251,16 @@ describe('vue-numeric.vue', () => {
     wrapper.setProps({ precision: 1 })
     expect(wrapper.data().amount).to.equal('2,000.2')
   })
+
+  it('allow to use arbitrary separators', () => {
+    const wrapper = mount(VueNumeric, {
+      propsData: {
+        value: 1000.94 ,
+        precision: 2,
+        thousandSeparator: ' ',
+        decimalSeparator: ','
+      }
+    })
+    expect(wrapper.data().amount).to.equal('1 000,94')
+  })
 })