sveltejs · Rich-Harris · Apr 10, 2024 · Apr 10, 2024 · Apr 10, 2024 · Apr 10, 2024
diff --git a/.changeset/cyan-snails-unite.md b/.changeset/cyan-snails-unite.md
@@ -0,0 +1,5 @@
+---
+'svelte-migrate': minor
+---
+
+feat: add self-closing-tags migration
diff --git a/packages/adapter-static/test/apps/prerendered/src/routes/+layout.svelte b/packages/adapter-static/test/apps/prerendered/src/routes/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/adapter-static/test/apps/spa/src/routes/+layout.svelte b/packages/adapter-static/test/apps/spa/src/routes/+layout.svelte
@@ -3,4 +3,4 @@
 	<a href="/about">about</a>
 </nav>
 
-<slot />
+<slot></slot>
diff --git a/packages/create-svelte/package.json b/packages/create-svelte/package.json
@@ -20,7 +20,7 @@
 		"@types/gitignore-parser": "^0.0.3",
 		"gitignore-parser": "^0.0.2",
 		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2",
+		"prettier-plugin-svelte": "^3.2.3",
 		"sucrase": "^3.34.0",
 		"svelte": "^4.2.10",
 		"tiny-glob": "^0.2.9",

diff --git a/packages/create-svelte/shared/+prettier/package.json b/packages/create-svelte/shared/+prettier/package.json
@@ -1,6 +1,6 @@
 {
 	"devDependencies": {
 		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.1.2"
+		"prettier-plugin-svelte": "^3.2.3"
 	}
 }
diff --git a/packages/create-svelte/templates/default/src/routes/+layout.svelte b/packages/create-svelte/templates/default/src/routes/+layout.svelte
@@ -7,7 +7,7 @@
 	<Header />
 
 	<main>
-		<slot />
+		<slot></slot>
 	</main>
 
 	<footer>

diff --git a/packages/create-svelte/templates/default/src/routes/sverdle/+page.svelte b/packages/create-svelte/templates/default/src/routes/sverdle/+page.svelte
@@ -200,7 +200,7 @@
 			stageHeight: window.innerHeight,
 			colors: ['#ff3e00', '#40b3ff', '#676778']
 		}}
-	/>
+	></div>
 {/if}
 
 <style>

diff --git a/packages/kit/src/runtime/components/layout.svelte b/packages/kit/src/runtime/components/layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/amp/src/routes/+layout.svelte b/packages/kit/test/apps/amp/src/routes/+layout.svelte
@@ -1,4 +1,4 @@
-<slot />
+<slot></slot>
 <footer>footer</footer>
 
 <style>

diff --git a/packages/kit/test/apps/basics/src/routes/+layout.svelte b/packages/kit/test/apps/basics/src/routes/+layout.svelte
@@ -7,7 +7,7 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
 
 <footer>{data.foo.bar}</footer>
 

diff --git a/packages/kit/test/apps/basics/src/routes/accessibility/+layout.svelte b/packages/kit/test/apps/basics/src/routes/accessibility/+layout.svelte
@@ -7,4 +7,4 @@
 	<a href="/accessibility/autofocus/b">autofocus/b</a>
 </nav>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/accessibility/autofocus/+layout.svelte b/packages/kit/test/apps/basics/src/routes/accessibility/autofocus/+layout.svelte
@@ -1,4 +1,4 @@
-<slot />
+<slot></slot>
 
 <!-- svelte-ignore a11y-autofocus -->
 <input autofocus />

diff --git a/...t/test/apps/basics/src/routes/anchor-with-manual-scroll/anchor-afternavigate/+page.svelte b/...t/test/apps/basics/src/routes/anchor-with-manual-scroll/anchor-afternavigate/+page.svelte
@@ -12,6 +12,6 @@
 	<p id="go-to-element">The browser scrolls to me</p>
 </div>
 <p id="abcde" style="height: 180vh; background-color: hotpink;">I take precedence</p>
-<div />
+<div></div>
 
 <a href="/anchor-with-manual-scroll/anchor-afternavigate?x=y#go-to-element">reload me</a>
diff --git a/...ges/kit/test/apps/basics/src/routes/anchor-with-manual-scroll/anchor-onmount/+page.svelte b/...ges/kit/test/apps/basics/src/routes/anchor-with-manual-scroll/anchor-onmount/+page.svelte
@@ -13,4 +13,4 @@
 	<p id="go-to-element">The browser scrolls to me</p>
 </div>
 <p id="abcde" style="height: 180vh; background-color: hotpink;">I take precedence</p>
-<div />
+<div></div>
diff --git a/packages/kit/test/apps/basics/src/routes/cookies/set-in-layout/+layout.svelte b/packages/kit/test/apps/basics/src/routes/cookies/set-in-layout/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/data-sveltekit/noscroll/+page.svelte b/packages/kit/test/apps/basics/src/routes/data-sveltekit/noscroll/+page.svelte
@@ -1,4 +1,4 @@
-<div style="height: 2000px; background: palegoldenrod" />
+<div style="height: 2000px; background: palegoldenrod"></div>
 
 <a id="one" href="/data-sveltekit/noscroll/target" data-sveltekit-noscroll>one</a>
 

diff --git a/packages/kit/test/apps/basics/src/routes/data-sveltekit/noscroll/target/+page.svelte b/packages/kit/test/apps/basics/src/routes/data-sveltekit/noscroll/target/+page.svelte
@@ -1,3 +1,3 @@
-<div style="height: 2000px; background: palegoldenrod" />
+<div style="height: 2000px; background: palegoldenrod"></div>
 
 <h1>target</h1>
diff --git a/packages/kit/test/apps/basics/src/routes/encoded/escape-sequences/+layout.svelte b/packages/kit/test/apps/basics/src/routes/encoded/escape-sequences/+layout.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <h1>{decodeURIComponent($page.url.pathname.split('/').pop())}</h1>
-<slot />
+<slot></slot>
 
 <a href="/encoded/escape-sequences/:-)">:-)</a>
 <a href="/encoded/escape-sequences/%23">#</a>

diff --git a/packages/kit/test/apps/basics/src/routes/errors/+layout.svelte b/packages/kit/test/apps/basics/src/routes/errors/+layout.svelte
@@ -1 +1 @@
-<slot />;
+<slot></slot>;
diff --git a/packages/kit/test/apps/basics/src/routes/headers/set-cookie/+layout.svelte b/packages/kit/test/apps/basics/src/routes/headers/set-cookie/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/iframes/nested/parent/+page.svelte b/packages/kit/test/apps/basics/src/routes/iframes/nested/parent/+page.svelte
@@ -1 +1 @@
-<iframe title="Child content" src="./child" />
+<iframe title="Child content" src="./child"></iframe>
diff --git a/packages/kit/test/apps/basics/src/routes/load/change-detection/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/change-detection/+layout.svelte
@@ -4,4 +4,4 @@
 </script>
 
 <h1>{data.type} loads: {data.loads}</h1>
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/forced-goto/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/forced-goto/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/forced/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/forced/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/multiple/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/multiple/+layout.svelte
@@ -26,4 +26,4 @@
 
 <p>layout: {$page.data.count_layout}, page: {$page.data.count_page}</p>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/params/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/params/+layout.svelte
@@ -3,7 +3,7 @@
 	export let data;
 </script>
 
-<slot />
+<slot></slot>
 
 <pre>{JSON.stringify({
 		a: data.a,

diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/route/server/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/route/server/+layout.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <h1>route.id: {data.route.id}</h1>
-<slot />
+<slot></slot>
 
 <a href="/load/invalidation/route/server/a">/load/invalidation/route/server/a</a>
 <a href="/load/invalidation/route/server/b">/load/invalidation/route/server/b</a>
diff --git a/packages/kit/test/apps/basics/src/routes/load/invalidation/route/shared/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/invalidation/route/shared/+layout.svelte
@@ -5,7 +5,7 @@
 
 <h1>route.id: {data.route.id}</h1>
 <h2>random id: {data.random}</h2>
-<slot />
+<slot></slot>
 
 <a href="/load/invalidation/route/shared/a">/load/invalidation/route/shared/a</a>
 <a href="/load/invalidation/route/shared/b">/load/invalidation/route/shared/b</a>

diff --git a/packages/kit/test/apps/basics/src/routes/load/no-server-load/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/no-server-load/+layout.svelte
@@ -1,4 +1,4 @@
 <a href="/load/no-server-load/a">a</a>
 <a href="/load/no-server-load/b">b</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/server/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/server/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/server/[x]/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/server/[x]/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/server/[x]/[y]/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/server/[x]/[y]/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/shared/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/shared/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/shared/[x]/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/shared/[x]/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/parent/shared/[x]/[y]/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/parent/shared/[x]/[y]/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/...it/test/apps/basics/src/routes/load/server-data-reuse/with-changing-parent/+layout.svelte b/...it/test/apps/basics/src/routes/load/server-data-reuse/with-changing-parent/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/load/unchanged-parent/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/unchanged-parent/+layout.svelte
@@ -1,5 +1,5 @@
 <!-- TODO remove this file post-https://github.com/sveltejs/kit/issues/5967 -->
-<slot />
+<slot></slot>
 
 <ul>
 	<li><a href="/load/unchanged-parent/isolated/a">/load/unchanged-parent/isolated/a</a></li>

diff --git a/packages/kit/test/apps/basics/src/routes/load/unchanged/+layout.svelte b/packages/kit/test/apps/basics/src/routes/load/unchanged/+layout.svelte
@@ -1,5 +1,5 @@
 <!-- TODO remove this file post-https://github.com/sveltejs/kit/issues/5967 -->
-<slot />
+<slot></slot>
 
 <ul>
 	<li><a href="/load/unchanged/isolated/a">/load/unchanged/isolated/a</a></li>

diff --git a/packages/kit/test/apps/basics/src/routes/nested-layout/+layout.svelte b/packages/kit/test/apps/basics/src/routes/nested-layout/+layout.svelte
@@ -1,2 +1,2 @@
-<slot />
+<slot></slot>
 <p id="nested">This is a nested layout component</p>
diff --git a/packages/kit/test/apps/basics/src/routes/nested-layout/foo/+layout.svelte b/packages/kit/test/apps/basics/src/routes/nested-layout/foo/+layout.svelte
@@ -1,2 +1,2 @@
-<slot />
+<slot></slot>
 <p id="nested-foo">Nested layout foo</p>
diff --git a/packages/kit/test/apps/basics/src/routes/nested-layout/foo/bar/+layout.svelte b/packages/kit/test/apps/basics/src/routes/nested-layout/foo/bar/+layout.svelte
@@ -1,2 +1,2 @@
-<slot />
+<slot></slot>
 <p id="nested-bar">Nested layout bar</p>
diff --git a/packages/kit/test/apps/basics/src/routes/nested-layout/reset/[email protected] b/packages/kit/test/apps/basics/src/routes/nested-layout/reset/[email protected]
@@ -1,2 +1,2 @@
 <h1>Layout reset</h1>
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/no-ssr/+layout.svelte b/packages/kit/test/apps/basics/src/routes/no-ssr/+layout.svelte
@@ -1 +1 @@
-<slot />;
+<slot></slot>;
diff --git a/packages/kit/test/apps/basics/src/routes/no-ssr/margin/+page.svelte b/packages/kit/test/apps/basics/src/routes/no-ssr/margin/+page.svelte
@@ -1,6 +1,6 @@
 <div class="container">
 	<span> ^this is not the top of the screen</span>
-	<div class="spacer" />
+	<div class="spacer"></div>
 </div>
 
 <style>

diff --git a/packages/kit/test/apps/basics/src/routes/no-ssr/ssr-page-config/layout/+layout.svelte b/packages/kit/test/apps/basics/src/routes/no-ssr/ssr-page-config/layout/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/prerendering/env/+layout.svelte b/packages/kit/test/apps/basics/src/routes/prerendering/env/+layout.svelte
@@ -1,4 +1,4 @@
 <a href="/prerendering/env/prerendered">prerendered</a>
 <a href="/prerendering/env/dynamic">dynamic</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/+page.svelte b/packages/kit/test/apps/basics/src/routes/routing/+page.svelte
@@ -12,4 +12,4 @@
 
 <a href="/routing/b" data-sveltekit-reload>b</a>
 
-<div class="hydrate-test" />
+<div class="hydrate-test"></div>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/cancellation/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/cancellation/+layout.svelte
@@ -1,4 +1,4 @@
-<slot />
+<slot></slot>
 
 <a href="/routing/cancellation/a">a</a>
 <a href="/routing/cancellation/b">b</a>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/matched/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/matched/+layout.svelte
@@ -3,4 +3,4 @@
 <a href="/routing/matched/1">/routing/matched/1</a>
 <a href="/routing/matched/everything-else">/routing/matched/everything-else</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/rest/non-greedy/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/rest/non-greedy/+layout.svelte
@@ -1,6 +1,6 @@
 <h1>non-greedy</h1>
 
-<slot />
+<slot></slot>
 
 <a href="/routing/rest/non-greedy/foo/one/two">foo/one/two</a>
 <a href="/routing/rest/non-greedy/food/one/two">food/one/two</a>

diff --git a/packages/kit/test/apps/basics/src/routes/routing/rest/path/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/rest/path/+layout.svelte
@@ -4,4 +4,4 @@
 <a href="/routing/rest/path/four">four</a>
 <a href="/routing/rest/path/five">five</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/trailing-slash-server/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/trailing-slash-server/+layout.svelte
@@ -14,4 +14,4 @@
 <p data-test-id="pathname-store">{$page.url.pathname}</p>
 <p data-test-id="pathname-data">{data.pathname}</p>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/routing/trailing-slash/+layout.svelte b/packages/kit/test/apps/basics/src/routes/routing/trailing-slash/+layout.svelte
@@ -10,4 +10,4 @@
 
 <p>{$page.url.pathname}</p>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/scroll/cross-document/a/+page.svelte b/packages/kit/test/apps/basics/src/routes/scroll/cross-document/a/+page.svelte
@@ -1,5 +1,5 @@
 <h1>a</h1>
 
-<div style="height: 200vh; background: teal" />
+<div style="height: 200vh; background: teal"></div>
 
 <a data-sveltekit-reload href="/scroll/cross-document/b">b</a>
diff --git a/packages/kit/test/apps/basics/src/routes/selection/+layout.svelte b/packages/kit/test/apps/basics/src/routes/selection/+layout.svelte
@@ -1,3 +1,3 @@
 <nav><a href="/selection/a">a</a> <a href="/selection/b">b</a></nav>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/shadowed/parent/+layout.svelte b/packages/kit/test/apps/basics/src/routes/shadowed/parent/+layout.svelte
@@ -6,4 +6,4 @@
 <a href="/shadowed/parent?test">Reload</a>
 <a href="/shadowed/parent/sub">Sub</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/shallow-routing/push-state/+layout.svelte b/packages/kit/test/apps/basics/src/routes/shallow-routing/push-state/+layout.svelte
@@ -2,4 +2,4 @@
 <a href="/shallow-routing/push-state/a">a</a>
 <a href="/shallow-routing/push-state/b">b</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/shallow-routing/replace-state/+layout.svelte b/packages/kit/test/apps/basics/src/routes/shallow-routing/replace-state/+layout.svelte
@@ -2,4 +2,4 @@
 <a href="/shallow-routing/replace-state/a">a</a>
 <a href="/shallow-routing/replace-state/b">b</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/snapshot/+layout.svelte b/packages/kit/test/apps/basics/src/routes/snapshot/+layout.svelte
@@ -2,4 +2,4 @@
 <a href="/snapshot/b">b</a>
 <a href="/snapshot/c" data-sveltekit-reload>c</a>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/store/data/+layout.svelte b/packages/kit/test/apps/basics/src/routes/store/data/+layout.svelte
@@ -11,4 +11,4 @@
 	<a href="/store/data/zzz">zzz</a> <a href="/store/data/foo">foo</a>
 </nav>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/store/data/store-update/+layout.svelte b/packages/kit/test/apps/basics/src/routes/store/data/store-update/+layout.svelte
@@ -12,4 +12,4 @@
 <p>$page.data was updated {count} time(s)</p>
 <a href="/store/data/store-updates/a">a</a>
 <a href="/store/data/store-updates/b">b</a>
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/basics/src/routes/store/navigating/+layout.svelte b/packages/kit/test/apps/basics/src/routes/store/navigating/+layout.svelte
@@ -18,4 +18,4 @@
 	{/if}
 </div>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/dev-only/src/routes/+layout.svelte b/packages/kit/test/apps/dev-only/src/routes/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/embed/src/routes/+layout.svelte b/packages/kit/test/apps/embed/src/routes/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/no-ssr/src/routes/+layout.svelte b/packages/kit/test/apps/no-ssr/src/routes/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/options-2/src/routes/+layout.svelte b/packages/kit/test/apps/options-2/src/routes/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/options/source/pages/+layout.svelte b/packages/kit/test/apps/options/source/pages/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/apps/options/source/pages/custom-extensions/+layout.svelte b/packages/kit/test/apps/options/source/pages/custom-extensions/+layout.svelte
@@ -6,6 +6,6 @@
 	}
 </script>
 
-<slot />
+<slot></slot>
 
 <footer>Custom layout</footer>
diff --git a/packages/kit/test/apps/writes/src/routes/+layout.svelte b/packages/kit/test/apps/writes/src/routes/+layout.svelte
@@ -4,4 +4,4 @@
 	setup();
 </script>
 
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/prerendering/basics/src/routes/+layout.svelte b/packages/kit/test/prerendering/basics/src/routes/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>
diff --git a/packages/kit/test/prerendering/basics/src/routes/trailing-slash/+layout.svelte b/packages/kit/test/prerendering/basics/src/routes/trailing-slash/+layout.svelte
@@ -1 +1 @@
-<slot />
+<slot></slot>