From 6eb93b5dd3dbc6bb77311b304221a59137053973 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 9 Dec 2023 22:52:17 +0100
Subject: [PATCH] feat: update counter example

---
 examples/demo/Counter.mjs | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

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>
+    `;
   }
 }