From 63b229894d3d1a9641725a21833d3d680fc7b8b9 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Thu, 19 Oct 2023 12:20:20 +0200
Subject: [PATCH] feat: sample interactive element on landing page

---
 src/components/hello-world.js | 2 +-
 src/pages/index.html          | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/hello-world.js b/src/components/hello-world.js
index b309614..fa544e8 100644
--- a/src/components/hello-world.js
+++ b/src/components/hello-world.js
@@ -7,7 +7,7 @@ class HelloWorld extends WebComponent {
     let count = 0;
     this.onclick = () => {
       console.log("Clicked!");
-      this.setAttribute("name", `I was clicked ${++count} times!`);
+      this.setAttribute("name", `Clicked ${++count}x`);
     };
     this.setAttribute("title", "Click me please");
   }
diff --git a/src/pages/index.html b/src/pages/index.html
index c079ca3..3d5e5ea 100644
--- a/src/pages/index.html
+++ b/src/pages/index.html
@@ -8,6 +8,10 @@
         <strong>McFly</strong> is a full-stack no-framework framework that
         assists developers in leveraging the web platform.
       </p>
+      <p>
+        Here's a sample interactive custom element:
+        <hello-world name="McFly"></hello-world>
+      </p>
       <p>
         Start at the very basic of writing HTML files and enhance with standard
         web technologies or go advanced as you like, at your own pace.