diff --git a/examples/attach-effect/Counter.mjs b/examples/attach-effect/Counter.mjs
index 679c45d..f05a251 100644
--- a/examples/attach-effect/Counter.mjs
+++ b/examples/attach-effect/Counter.mjs
@@ -1,7 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
-import { attachEffect } from "../../src/attach-effect.js";
-
+import { WebComponent, attachEffect } from "../../src/";
 export class Counter extends WebComponent {
   static properties = ["count"];
   onInit() {
diff --git a/examples/attach-effect/Decrease.mjs b/examples/attach-effect/Decrease.mjs
index 34eff75..f76384d 100644
--- a/examples/attach-effect/Decrease.mjs
+++ b/examples/attach-effect/Decrease.mjs
@@ -1,6 +1,5 @@
 // @ts-check
-import { WebComponent } from "../../src/WebComponent.js";
-import { attachEffect } from "../../src/attach-effect.js";
+import { WebComponent, attachEffect } from "../../src/";
 
 export class Decrease extends WebComponent {
   static properties = ["count"];
diff --git a/examples/demo/BooleanPropTest.mjs b/examples/demo/BooleanPropTest.mjs
index 2092f6d..4173991 100644
--- a/examples/demo/BooleanPropTest.mjs
+++ b/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"];
diff --git a/examples/demo/Counter.mjs b/examples/demo/Counter.mjs
index 03a0692..594d445 100644
--- a/examples/demo/Counter.mjs
+++ b/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"];
diff --git a/examples/demo/HelloWorld.mjs b/examples/demo/HelloWorld.mjs
index 7321f93..92634cd 100644
--- a/examples/demo/HelloWorld.mjs
+++ b/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"];
diff --git a/examples/demo/SimpleText.mjs b/examples/demo/SimpleText.mjs
index 0efd48c..f2832a1 100644
--- a/examples/demo/SimpleText.mjs
+++ b/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() {
diff --git a/src/WebComponent.js b/src/WebComponent.js
index 7faeeb7..f8adfe6 100644
--- a/src/WebComponent.js
+++ b/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();