Vue plugin

[mrleblanc101]

Instead of exposing a Vue Directive, it would be nice to expose a Vue Plugin.
The plugin would register the directive, and allow to define global options, like a custom token.
Currently, I haven't found how to define my custom token globally in Vue.

Current:

import { vMaska } from 'maska/vue';

defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.directive('maska', maska);
});

<input
    v-model="form.postal_code"
    v-maska="{
        mask: 'A#A #A#',
        tokens: {
            A: { pattern: /[A-Z]/, transform: (chr) => chr.toUpperCase() },
        },
    }"
    type="text"
    placeholder="A0A 0A0"
/>

Proposed:

1. Default export becomes the Vue Plugin.
2. The plugin accept global options

import maska from 'maska/vue';

defineNuxtPlugin((nuxtApp) => {
    nuxtApp.vueApp.use(maska, {
        tokens: {
            A: { pattern: /[A-Z]/, transform: (chr) => chr.toUpperCase() },
        }
    });
});

<input
    v-model="form.postal_code"
    v-maska="A#A #A#"
    type="text"
    placeholder="A0A 0A0"
/>