feat: add short prop as option to the component

Author: RonaldJerez

src/component.vue

@@ -57,13 +57,21 @@ export default {
       default: false
     },
     /**
-     * If the mask value starts with static charaters, prefill it with the static charecters at load. 
-\     * @since v1.3
+     * If the mask starts with static charaters, prefill the field with said characters
+     * @since v1.3
      */
     prefill: {
       type: Boolean,
       default: false
     },
+    /**
+     * Keep the value short by not showing static characters until after typing
+     * @since v1.3
+     */
+    short: {
+      type: Boolean,
+      default: false
+    },
     /**
      * Token object to override the defaults with
      */
@@ -106,7 +114,8 @@ export default {
         mask: this.mask,
         tokens: this.tokens,
         formatter: this.formatter,
-        prefill: this.prefill
+        prefill: this.prefill,
+        short: this.short
       }
     },
     emittedValue() {

tests/directive.test.js

@@ -79,10 +79,10 @@ describe('Directive', () => {
     test('Should honor short modifier', async () => {
       buildWrapper({ modifiers: 'short', value: '12' })
       expect(wrapper.element.value).toBe('12')
-  
+
       wrapper.element.value = '1234'
       wrapper.find('input').trigger('input')
-  
+
       expect(wrapper.element.value).toBe('12.34')
       expect(wrapper.element.unmaskedValue).toBe('1234')
     })