Typescript/Vue directive argument types

[Jason Suttles]

Describe the bug

Following #97, when v-maska:[options] is used, the types on the vue directive expects arguments of the directive to be a string and not an object.

Error as follows:

ERROR in ***path/***componentname.vue.ts(226,40)
      TS2322: Type '{ mask: string; }' is not assignable to type 'string'.

When used as follows:

<v-text-field
  v-maska:[componentMask]
/>

const componentMask = reactive({
  mask: '######',
});

Could this be simplified and have the options moved/copied into the value?

[Alexander Shabunevich]

I’m afraid not, because directive value works as binded value object.

[Jason Suttles]

Ok. Does the problem make sense and do you have any suggestions?

(This is the closest package that I've found that works for the most part.)

[Alexander Shabunevich]

Nothing comes to mind at the moment, unfortunately. Official vue docs show dynamic argument passing <div v-example:[arg]="value"></div>, but tells nothing about type of the argument.

[Jason Suttles]

I'll close this issue for now, but if this could be given a bit of thought, I'm sure there would be others that would also be grateful

[Jason Suttles]

just as an example: master...jssuttles:maska:master

[Alexander Shabunevich]

Thanks, I'll think about it. To be honest, I don't like having two different ways of setting options. Аnd placing options with binded value in the same object too.