aico-image-editor/src/components/canvasControls/canvasControls.js

Combine multiple image into and create single combined image

//import Alpine from 'alpinejs';
const loadCanvasControlsHTML = () => import(/* webpackMode: "eager" */'./canvasControls.html')




import canvasFilter from '../canvasFilter/canvasFilter';



document.addEventListener('alpine:init', function() { 
    
    Alpine.data('canvasFilter',canvasFilter)
})

// initialize custom made styles and html loading modules//
// inspired by alpine js component//
import initStyles from '../../initStyles';
import initHTML from '../../initHTML';
initHTML('canvas-controls',  loadCanvasControlsHTML)



export default () => ({
    init() {
        initStyles(this.$el.shadowRoot);
    },
    activeSubTab: 'common-controls'
})