Isomorphic Web Component definition Live Template for Webstorm

wc.js

/**
 * @param {Window} globalScope
 * @return {typeof $NAME$}
 */
export function def$NAME$({ HTMLElement, customElements }) {
  class $NAME$ extends HTMLElement {
    static register(tagName = "$TAG$") {
      this.tagName = tagName;
      customElements.define(tagName, this);
    }
    
    connectedCallback() {
    $END$
    }
  }
  return $NAME$; 
}

if (globalThis.window?.customElements) {
  def$NAME$(window).register();
}