alpinejs-flux/src/utils/parseObject.js

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

export default function ( transitions ) {
    let attributes = {};

    for ( const directiveValue in transitions ) {
        const classes = transitions[directiveValue];

        attributes[`x-transition:${directiveValue}`] = classes;
    }

    return attributes;
}