feat(site): show link to FAQs issue

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>

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! 🎉

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));