alpinejs-flux/src/core/registerMagic.js

Simplifies the process of applying CSS classes with x-transition as a template and makes them reusable within single attribute.

import applyTransitions from "./applyTransitions";

export default function (Alpine, validName, templateName, template = null) {
    Alpine.magic( validName, ( element ) => () => {
        applyTransitions( element, templateName, template );
    } );
}