test filled output dir

public/output/clickable-text.js

@@ -0,0 +1,10 @@
+import WebComponent from "https://unpkg.com/web-component-base/index.js";
+
+export default class ClickableText extends WebComponent {
+  onInit() {
+    this.onclick = () => alert("Thank you for clicking the text!");
+  }
+  get template() {
+    return `<span style="cursor:pointer">Click me too!</span>`;
+  }
+}

public/output/hello-world.js

@@ -0,0 +1,24 @@
+import WebComponent from "https://unpkg.com/web-component-base/index.js";
+
+export default class HelloWorld extends WebComponent {
+  name = "";
+  static properties = ["name"];
+
+  onInit() {
+    console.log(`Greeting for ${this.name} initialized`);
+    let count = 0;
+    this.onclick = () => {
+      console.log("Clicked!");
+      this.setAttribute("name", `I was clicked ${++count} times`);
+    };
+    this.setAttribute("title", "Click me please");
+  }
+
+  onChanges(changes) {
+    console.log(changes);
+  }
+
+  get template() {
+    return `<button style="cursor:pointer">Hello ${this.name}!</button>`;
+  }
+}

public/output/registry.js

@@ -0,0 +1,2 @@
+import C0 from "./clickable-text.js";import C1 from "./hello-world.js";const registry = {
+    "clickable-text": C0,"hello-world": C1};Object.keys(registry).forEach((key) => {if(window?.hasOwnProperty("customElements"))customElements.define(key, registry[key]);})