export function registerWooRichText(Alpine) {
    Alpine.data('wooRichText', (initial = '') => ({
        html: initial,

        init() {
            this.$refs.editor.innerHTML = this.html || '';
            this.sync();
        },

        sync() {
            this.html = this.$refs.editor.innerHTML.trim();
            this.$refs.input.value = this.html;
        },

        format(command) {
            document.execCommand(command, false, null);
            this.sync();
            this.$refs.editor.focus();
        },
    }));
}