import Cleave from 'cleave.js';

/** Intégration de la librairie cleave.js
 * @see https://github.com/nosir/cleave.js
 * @see https://github.com/nosir/cleave.js/blob/master/doc/vue.md
 */
export default defineNuxtPlugin(nuxtApp => {
    nuxtApp.vueApp.directive('cleave', {
        mounted: (el: any, binding: any) => {
            el.cleave = new Cleave(el, binding.value ?? {})
        },
        updated: (el: any) => {
            const event = new Event('input', {bubbles: true});
            setTimeout(function () {
                el.value = el.cleave.properties.result
                el.dispatchEvent(event)
            }, 100);
        }
    })
})