From f8ca80da724b77b0b3f3df8abd80b19a0f72a57b Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 18 Nov 2023 23:27:23 +0100
Subject: [PATCH] update sample demo page

---
 sample.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)
diff --git a/sample.html b/sample.html
index 9b42faa..64c6577 100644
--- a/sample.html
+++ b/sample.html
@@ -1,27 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>WC Base Test</title>
     <script type="module">
       import WebComponent from "https://unpkg.com/web-component-base/index.js";
-      class HelloWorld extends WebComponent {
-        static properties = ["data-name"];
 
+      class HelloWorld extends WebComponent {
+        static properties = ["my-name"];
         get template() {
-          return `<h1>Hello ${this.props.dataName ?? "World"}!</h1>`;
+          return `<h1>Hello ${this.props.myName}!</h1>`;
         }
       }
+
       customElements.define("hello-world", HelloWorld);
     </script>
   </head>
   <body>
-    <hello-world data-name="Ayo"></hello-world>
+    <hello-world my-name="Ayo"></hello-world>
     <script>
       const helloWorld = document.querySelector("hello-world");
       setTimeout(() => {
-        helloWorld.setAttribute("data-name", "Ayo zzzZzzz");
+        helloWorld.props.myName = "Ayo zzzZzzz";
       }, 2500);
     </script>
   </body>
