fix: transform {@render ...} expression

.changeset/tidy-buses-whisper.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: transform `{@render ...}` expression

packages/svelte/src/compiler/phases/3-transform/server/transform-server.js

@@ -1120,9 +1120,10 @@ const template_visitors = {
 		state.init.push(anchor);
 		state.template.push(t_expression(anchor_id));
 
+		const expression = /** @type {import('estree').Expression} */ (context.visit(node.expression));
 		const snippet_function = state.options.dev
-			? b.call('$.validate_snippet', node.expression)
-			: node.expression;
+			? b.call('$.validate_snippet', expression)
+			: expression;
 		if (node.argument) {
 			state.template.push(
 				t_statement(

packages/svelte/tests/runtime-runes/samples/snippet-store/_config.js

@@ -0,0 +1,5 @@
+import { test } from '../../test';
+
+export default test({
+	html: `<p>hello world</p>`
+});

packages/svelte/tests/runtime-runes/samples/snippet-store/main.svelte

@@ -0,0 +1,11 @@
+<script>
+	import { writable } from 'svelte/store';
+
+	let snippet = writable(hello);
+</script>
+
+{#snippet hello()}
+	<p>hello world</p>
+{/snippet}
+
+{@render $snippet()}