diff --git a/examples/demo/Counter.mjs b/examples/demo/Counter.mjs
index 7734b30..8a4fb36 100644
--- a/examples/demo/Counter.mjs
+++ b/examples/demo/Counter.mjs
@@ -1,14 +1,16 @@
 // @ts-check
-import { WebComponent } from "../../src/index.js"
+import { WebComponent, html } from "../../src/index.js"
 
 export class Counter extends WebComponent {
-  static properties = ["count"];
-  onInit() {
-    this.props.count = 0;
-    this.onclick = () => ++this.props.count;
+  static props = {
+    count: 0
   }
   get template() {
-    return `<button id="btn">${this.props.count}</button>`;
+    return html`
+      <button onClick=${() => ++this.props.count} id="btn">
+        ${this.props.count}
+      </button>
+    `;
   }
 }