From 53817036d93d64e59c344b33601a8eadd499a924 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Fri, 17 Nov 2023 23:43:49 +0100
Subject: [PATCH] add quick-start sample as demo page

---
 demo/sample.html | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 demo/sample.html
diff --git a/demo/sample.html b/demo/sample.html
new file mode 100644
index 0000000..9b42faa
--- /dev/null
+++ b/demo/sample.html
@@ -0,0 +1,28 @@
+<!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"];
+
+        get template() {
+          return `<h1>Hello ${this.props.dataName ?? "World"}!</h1>`;
+        }
+      }
+      customElements.define("hello-world", HelloWorld);
+    </script>
+  </head>
+  <body>
+    <hello-world data-name="Ayo"></hello-world>
+    <script>
+      const helloWorld = document.querySelector("hello-world");
+      setTimeout(() => {
+        helloWorld.setAttribute("data-name", "Ayo zzzZzzz");
+      }, 2500);
+    </script>
+  </body>
+</html>
