From c9dd590931942129c3f59a3c93004257e70ff13c Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 27 Nov 2023 09:46:57 +0100
Subject: [PATCH] feat(site): update content

---
 site/src/pages/index.html | 2 +-
 type-restore/Counter.mjs  | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index b3e8965..61cf99c 100644
--- a/site/src/pages/index.html
+++ b/site/src/pages/index.html
@@ -29,7 +29,7 @@
         <p>
           By extending our base class, you get an easy authoring experience as you would expect in writing your components:</p>
         <ul>
-          <li>A signals-like <code-block inline>props</code-block> API that synchronizes your components' property values and UI</li>
+          <li>A <code-block inline>props</code-block> API that synchronizes your components' property values and HTML attributes</li>
           <li>Sensible life-cycle hooks that you understand and remember</li>
           <li>Extensible templates & renderer (examples in-progress)</li>
           <li>Provided out-of-the-box with <a href="https://ayco.io/gh/McFly">McFly</a>, a powerful no-framework framework</li>
diff --git a/type-restore/Counter.mjs b/type-restore/Counter.mjs
index 5041d47..c45d41d 100644
--- a/type-restore/Counter.mjs
+++ b/type-restore/Counter.mjs
@@ -5,10 +5,11 @@ export class Counter extends WebComponent {
   static properties = ["count"];
   onInit() {
     this.props.count = 1;
+    let i = 1
     this.onclick = ()=> ++this.props.count
-    let double = () => this.props.count * 2;
+    let double = () => i * 2;
     console.log(double());
-    this.props.count = 3;
+    i = 3;
     console.log(double());
   }
   get template() {