From 693c35d0820dbb5510d3b20bc31259c14e206e60 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 17 Nov 2023 23:23:32 +0100
Subject: [PATCH] fix: README examples

---
 README.md | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)
diff --git a/README.md b/README.md
index c331081..6f839cf 100644
--- a/README.md
+++ b/README.md
@@ -48,14 +48,11 @@ In your component class:
 import WebComponent from "https://unpkg.com/web-component-base/index.js";
 
 class HelloWorld extends WebComponent {
-  dataName = "World";
-  emotion = "excited";
-
   static properties = ["data-name", "emotion"];
 
   get template() {
     return `
-        <h1>Hello ${this.dataName}${this.emotion === "sad" ? ". 😭" : "! 🙌"}</h1>`;
+        <h1>Hello ${this.props.dataName}${this.props.emotion === "sad" ? ". 😭" : "! 🙌"}</h1>`;
   }
 }
 
@@ -127,20 +124,15 @@ Here is an example of using a custom element in a single .html file:
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>WC Base Test</title>
     <script type="module">
-
-      // import from unpkg
       import WebComponent from "https://unpkg.com/web-component-base/index.js";
-
       class HelloWorld extends WebComponent {
         static properties = ["data-name"];
 
         get template() {
-          return `<h1>Hello ${this.dataName || 'World'}!</h1>`;
+          return `<h1>Hello ${this.props.dataName ?? 'World'}!</h1>`;
         }
       }
-
       customElements.define("hello-world", HelloWorld);
-
     </script>
   </head>
   <body>
