parse non-root <script> elements as a single Text node to fix hydration

src/generators/nodes/Element.ts

@@ -434,7 +434,7 @@ export default class Element extends Node {
 			if (isVoidElementName(node.name)) return open + '>';
 
 			if (node.name === 'script') {
-				return `${open}>${node.data}</${node.name}>`;
+				return `${open}>${node.children[0].data}</script>`;
 			}
 
 			return `${open}>${node.children.map(toHTML).join('')}</${node.name}>`;

src/generators/server-side-rendering/visitors/Element.ts

@@ -69,7 +69,7 @@ export default function visitElement(
 	if (node.name === 'textarea' && textareaContents !== undefined) {
 		generator.append(textareaContents);
 	} else if (node.name === 'script') {
-		generator.append(escape(node.data));
+		generator.append(node.children[0].data);
 	} else {
 		node.children.forEach((child: Node) => {
 			visit(generator, block, child);

src/parse/state/tag.ts

@@ -226,8 +226,11 @@ export default function tag(parser: Parser) {
 		element.end = parser.index;
 	} else if (name === 'script') {
 		// special case
-		element.data = parser.readUntil(new RegExp(`</${name}>`));
+		const start = parser.index;
-		parser.eat(`</${name}>`, true);
+		const data = parser.readUntil(/<\/script>/);
+		const end = parser.index;
+		element.children.push({ start, end, type: 'Text', data });
+		parser.eat('</script>', true);
 		element.end = parser.index;
 	} else if (name === 'style') {
 		// special case