refactor: use index exports

examples/attach-effect/Counter.mjs

@@ -1,7 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent, attachEffect } from "../../src/";
-import { attachEffect } from "../../src/attach-effect.js";
-
 export class Counter extends WebComponent {
   static properties = ["count"];
   onInit() {

examples/attach-effect/Decrease.mjs

@@ -1,6 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent, attachEffect } from "../../src/";
-import { attachEffect } from "../../src/attach-effect.js";
 
 export class Decrease extends WebComponent {
   static properties = ["count"];

examples/demo/BooleanPropTest.mjs

@@ -1,4 +1,4 @@
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent } from "../../src";
 
 export class BooleanPropTest extends WebComponent {
   static properties = ["is-inline", "anotherone"];

examples/demo/Counter.mjs

@@ -1,5 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent } from "../../src";
 
 export class Counter extends WebComponent {
   static properties = ["count"];

examples/demo/HelloWorld.mjs

@@ -1,5 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent } from "../../src";
 
 export class HelloWorld extends WebComponent {
   static properties = ["count", "emotion"];

examples/demo/SimpleText.mjs

@@ -1,5 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
+import { WebComponent } from "../../src"
 
 class SimpleText extends WebComponent {
   clickCallback() {

src/WebComponent.js

@@ -70,9 +70,6 @@ export class WebComponent extends HTMLElement {
     if (typeof this.template === "string") this.innerHTML = this.template;
   }
 
-  /**
-   * start HTMLElement callbacks
-   */
   constructor() {
     super();
     this.#initializeProps();