sveltejs · dummdidumm · Dec 18, 2024 · Mar 15, 2025
diff --git a/.changeset/forty-roses-occur.md b/.changeset/forty-roses-occur.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/create': minor
+---
+
+feat: incorporate `<svelte:html>` into templates
diff --git a/packages/create/templates/demo/src/app.html b/packages/create/templates/demo/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html %svelte.htmlAttributes%>
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />

diff --git a/packages/create/templates/demo/src/routes/+layout.svelte b/packages/create/templates/demo/src/routes/+layout.svelte
@@ -6,6 +6,8 @@
 	let { children } = $props();
 </script>
 
+<svelte:html lang="en" />
+
 <div class="app">
 	<Header />
 

diff --git a/packages/create/templates/library/src/app.html b/packages/create/templates/library/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html %svelte.htmlAttributes%>
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />

diff --git a/packages/create/templates/library/src/routes/+layout.svelte b/packages/create/templates/library/src/routes/+layout.svelte
@@ -0,0 +1,8 @@
+<script>
+	/** @type {{children: import('svelte').Snippet}} */
+    let { children } = $props();
+</script>
+
+<svelte:html lang="en" />
+
+{@render children()}
diff --git a/packages/create/templates/minimal/src/app.html b/packages/create/templates/minimal/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html %svelte.htmlAttributes%>
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />

diff --git a/packages/create/templates/minimal/src/routes/+layout.svelte b/packages/create/templates/minimal/src/routes/+layout.svelte
@@ -0,0 +1,8 @@
+<script>
+	/** @type {{children: import('svelte').Snippet}} */
+    let { children } = $props();
+</script>
+
+<svelte:html lang="en" />
+
+{@render children()}