From 6ae5961c4f589e40fb12f558cda0fbda31504182 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 2 Dec 2023 09:39:37 +0100
Subject: [PATCH] feat(site): show link to FAQs issue

---
 site/src/components/warning-block.html | 12 ++++++++++++
 site/src/pages/index.html              |  4 ++--
 src/WebComponent.js                    |  1 +
 3 files changed, 15 insertions(+), 2 deletions(-)
 create mode 100644 site/src/components/warning-block.html

diff --git a/site/src/components/warning-block.html b/site/src/components/warning-block.html
new file mode 100644
index 0000000..a37f7d5
--- /dev/null
+++ b/site/src/components/warning-block.html
@@ -0,0 +1,12 @@
+<quote
+  style="
+    background-color: beige;
+    border-radius: 5px;
+    border: 1px solid gray;
+    padding: 1em;
+    margin: 1em 0;
+    display: block;
+  "
+>
+  <span id="icon">⚠️</span> <slot />
+</quote>
diff --git a/site/src/pages/index.html b/site/src/pages/index.html
index cdd3a67..8d8a369 100644
--- a/site/src/pages/index.html
+++ b/site/src/pages/index.html
@@ -26,7 +26,6 @@
     </awesome-header>
     <main>
       <section style="font-size: large;">
-
         <p>
           By extending our base class, you get an easy authoring experience as you would expect in writing your components:</p>
         <ul>
@@ -35,7 +34,8 @@
           <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>
         </ul>
-        <call-to-action />
+        <call-to-action></call-to-action>
+        <warning-block>See this issue for FAQs or comment your own: <a href="https://github.com/ayoayco/web-component-base/issues/3">Issue #3</a></warning-block>
         <my-quote type="info">
           <p>
             Version 2.0.0-beta is out! 🎉
diff --git a/src/WebComponent.js b/src/WebComponent.js
index 313cc20..932715e 100644
--- a/src/WebComponent.js
+++ b/src/WebComponent.js
@@ -151,6 +151,7 @@ export class WebComponent extends HTMLElement {
             effectsMap[prop] = [];
           }
           effectsMap[prop].push(value.callback);
+          console.log('>>> ', Object.getPrototypeOf(obj[prop]).prop)
         } else if (oldValue !== value) {
           obj[prop] = value;
           effectsMap[prop]?.forEach((f) => f(value));