Cacher is the code snippet organizer for pro developers

class myComponent extends HTMLElement {
    constuctor() {
        super();

        this.attachShadow({mode: 'open})
        this.shadowRoot.innerHTML = `
                                    <style>
                                    </style>
                                    <div>
                                    </div>
        `
    }

    connectedCallback () {

    }

    attributeChangedCallback(name, oldValue, newValue)

    static get ObservedAttributes {
        return []
    }
}