properly remove script tags

Author: ryanbethel

index.mjs

@@ -35,7 +35,7 @@ const CustomElementMixin = (superclass) => class extends superclass {
     // Removes script tags as they are already appended to the body by SSR
     // TODO: If only added dynamically in the browser we need to insert the script tag after running the script transform on it. As well as handle deduplication.
     el.querySelectorAll('script')
-      .forEach((tag) => { el.content.removeChild(tag) })
+      .forEach((tag) => { el.removeChild(tag) })
   }
 
   removeStyleTags(el) {

test/diff-test.html

@@ -85,6 +85,9 @@ <h1>${heading}</h1>
         <p>${heading}</p>
         <a href="/foo/${heading}"></a>
         <slot></slot>
+        <script>
+          console.log("Script should be removed")
+        <${'/script>'}
       `
     }