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

Combine multiple image into and create single combined image

// import '../../scss/main.scss';
// import '../../scss/custom.scss';

// Load your styles using style-loader

//import Alpine from 'alpinejs';
//import html from './main.html';

const loadMainHTML = () => import( /* webpackMode: "eager" */'./main.html');



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




export default () => ({
    init() {
        initStyles(this.$el.shadowRoot);
        if(this.$el.getAttribute('shadow') === 'true') {
            //console.log('main-component init started')
            //Alpine.initTree(this.$el.shadowRoot)
        }

        
    },
    initText: 'Hello World!!',
    
})