POTENTIAL SOLUTION FOUND! 🎉

cheng-alvin · Sep 7, 2023 · 1ae2942 · 1ae2942
1 parent 9500308
commit 1ae2942
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/core/src/component.js b/packages/core/src/component.js
@@ -4,6 +4,18 @@ export function componentFactory(innerHTML) {
   innerHTML = innerHTML.replaceAll("&lt;", "<").replaceAll("&gt;", ">");
 
   return class Component extends HTMLElement {
+    connectedCallback() {
+      // Solution? - Alvin
+      const scriptElements = this.shadowRoot.querySelectorAll("script");
+
+      scriptElements.forEach((script) => {
+        const newScript = document.createElement("script");
+        newScript.textContent = script.textContent;
+        this.shadowRoot.appendChild(newScript);
+        script.remove();
+      });
+    }
+
     constructor() {
       super();
       this.attachShadow({ mode: "open" });