From 3e8334f2c198759c61238e1ccf2fae3cdadbde71 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sun, 26 Nov 2023 19:50:29 +0100
Subject: [PATCH] feat(site): update content

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

diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index e5f85ef..b3e8965 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 reactive <code-block inline>props</code-block> API that synchronizes your components' property values and UI</li>
+          <li>A signals-like <code-block inline>props</code-block> API that synchronizes your components' property values and UI</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 bf17f0b..5041d47 100644
--- a/type-restore/Counter.mjs
+++ b/type-restore/Counter.mjs
@@ -4,8 +4,12 @@ import WebComponent from "../src/WebComponent.js";
 export class Counter extends WebComponent {
   static properties = ["count"];
   onInit() {
-    this.props.count = 0;
+    this.props.count = 1;
     this.onclick = ()=> ++this.props.count
+    let double = () => this.props.count * 2;
+    console.log(double());
+    this.props.count = 3;
+    console.log(double());
   }
   get template() {
     return `<button>${this.props.count}</button>`;
diff --git a/type-restore/index.html b/type-restore/index.html
index 599deac..9d3bad5 100644
--- a/type-restore/index.html
+++ b/type-restore/index.html
@@ -18,7 +18,7 @@
     <div>
       Counter: <my-counter></my-counter>
     </div>
-    <div>
+    <!-- <div>
       Toggle: <my-toggle></my-toggle>
     </div>
     <div>
@@ -26,6 +26,6 @@
     </div>
     <div>
       Object: <my-object />
-    </div>
+    </div> -->
   </body>
 </html>