fix: correctly print `!doctype` during `print` (#17341)

2 months ago · a584ff1347
parent 01cd35211b
commit a584ff1347
4 changed files with 31 additions and 2 deletions
--- a/.changeset/smooth-comics-shine.md
+++ b/.changeset/smooth-comics-shine.md
@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly print `!doctype` during `print`
--- a/packages/svelte/src/compiler/print/index.js
+++ b/packages/svelte/src/compiler/print/index.js
@ -112,12 +112,13 @@ function base_element(node, context) {
 	}

 	const multiline_attributes = attributes(node.attributes, child_context);
-
+	const is_doctype_node = node.name.toLowerCase() === '!doctype';
 	const is_self_closing =
 		is_void(node.name) || (node.type === 'Component' && node.fragment.nodes.length === 0);
 	let multiline_content = false;

-	if (is_self_closing) {
+	if (is_doctype_node) child_context.write(`>`);
+	else if (is_self_closing) {
 		child_context.write(`${multiline_attributes ? '' : ' '}/>`);
 	} else {
 		child_context.write('>');
--- a/packages/svelte/tests/print/samples/html-document/input.svelte
+++ b/packages/svelte/tests/print/samples/html-document/input.svelte
@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Svelte App</title>
+    </head>
+    <body>
+        <div>Hello World</div>
+    </body>
+</html>
--- a/packages/svelte/tests/print/samples/html-document/output.svelte
+++ b/packages/svelte/tests/print/samples/html-document/output.svelte
@ -0,0 +1,12 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1.0"
+		/>
+		<title>Svelte App</title>
+	</head>
+	<body><div>Hello World</div></body>
+</html>