Formation Apprendre TypeScript : Challenge : AlpineJS

Pour continuer notre entraînement sur les types, je vous propose de découvrir la création d'un fichier de déclaration dans un cas réel avec le typage d'AlpineJS. L'objectif est de faire fonctionner la signature suivante :

import Alpine from 'alpinejs'

Alpine.data('myComponent', function (initial: number = 0) {
    return {
        compteur: initial,
        increment () {
            this.compteur += 1
        },
        decrement () {
            this.compteur -= 1
            if (this.compteur < 0) {
                // $el fera référence à un élément HTML et aura comme type HTMLElement
                this.$el.style.display = "none"
            }
        },
        getCompteur () {
            return this.compteur
        }
    }
})
Alpine.start();