fix: ensure $$slots exists in runes mode (#9718)

fixes #9683
sveltejs · Nov 30, 2023 · cb1ea1f · cb1ea1f · vercel · Nov 30, 2023
1 parent 4a8f0bc
commit cb1ea1f
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 0 deletions.
diff --git a/.changeset/flat-melons-protect.md b/.changeset/flat-melons-protect.md
@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: ensure `$$slots` exists in runes mode
diff --git a/packages/svelte/src/compiler/phases/2-analyze/index.js b/packages/svelte/src/compiler/phases/2-analyze/index.js
@@ -892,6 +892,11 @@ const common_visitors = {
 		const parent = /** @type {import('estree').Node} */ (context.path.at(-1));
 		if (!is_reference(node, parent)) return;
 
+		if (node.name === '$$slots') {
+			context.state.analysis.uses_slots = true;
+			return;
+		}
+
 		const binding = context.state.scope.get(node.name);
 
 		// if no binding, means some global variable

diff --git a/packages/svelte/tests/runtime-runes/samples/slot/_config.js b/packages/svelte/tests/runtime-runes/samples/slot/_config.js
@@ -0,0 +1,6 @@
+import { test } from '../../test';
+
+// Test that $$slots exists in runes mode
+export default test({
+	html: `<p>bar</p>`
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/slot/main.svelte b/packages/svelte/tests/runtime-runes/samples/slot/main.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Slot from './slot.svelte';
+</script>
+
+<Slot>
+	<p>bar</p>
+</Slot>
diff --git a/packages/svelte/tests/runtime-runes/samples/slot/slot.svelte b/packages/svelte/tests/runtime-runes/samples/slot/slot.svelte
@@ -0,0 +1,3 @@
+{#if $$slots}
+	<slot></slot>
+{/if}