diff --git a/demo/Counter.mjs b/demo/Counter.mjs
index 78971d4..83c4507 100644
--- a/demo/Counter.mjs
+++ b/demo/Counter.mjs
@@ -3,12 +3,10 @@ import WebComponent from "../src/WebComponent.js";
 
 export class Counter extends WebComponent {
   static properties = ["count"];
-
   onInit() {
     this.props.count = 0;
     this.onclick = () => ++this.props.count;
   }
-
   get template() {
     return `<button id="btn">${this.props.count}</button>`;
   }
diff --git a/demo/index.html b/demo/index.html
index d73cd25..3620fc6 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -7,9 +7,11 @@
     <script type="module" src="HelloWorld.mjs"></script>
     <script type="module" src="SimpleText.mjs"></script>
     <script type="module" src="BooleanPropTest.mjs"></script>
+    <script type="module" src="Counter.mjs"></script>
   </head>
   <body>
     <hello-world emotion="sad"></hello-world>
+    <my-counter></my-counter>
     <p>
       <simple-text></simple-text>
     </p>
