From 0cb62125c1f08ab7c5cc163ba070a50829b62684 Mon Sep 17 00:00:00 2001
From: "S. Elliott Johnson" <sejohnson@torchcloudconsulting.com>
Date: Tue, 19 Aug 2025 20:01:30 -0600
Subject: [PATCH] snapshots

---
 .../3-transform/server/transform-server.js    |  2 +-
 .../server/visitors/SnippetBlock.js           | 14 ++++-
 .../server/visitors/shared/component.js       |  6 +-
 .../_expected/server/index.svelte.js          | 18 +++---
 .../_expected/server/index.svelte.js          | 50 +++++++++-------
 .../_expected/server/index.svelte.js          |  4 +-
 .../_expected/server/index.svelte.js          | 60 ++++++++++---------
 .../_expected/server/index.svelte.js          | 14 +++--
 .../_expected/server/main.svelte.js           | 10 ++--
 .../_expected/server/index.svelte.js          | 14 +++--
 .../_expected/server/index.svelte.js          | 16 ++---
 .../_expected/server/index.svelte.js          | 30 ++++++----
 .../_expected/server/index.svelte.js          |  4 +-
 .../_expected/server/index.svelte.js          |  4 +-
 .../hmr/_expected/server/index.svelte.js      |  4 +-
 .../_expected/server/index.svelte.js          |  4 +-
 .../_expected/server/index.svelte.js          |  8 ++-
 .../_expected/server/index.svelte.js          | 19 +++---
 .../purity/_expected/server/index.svelte.js   |  8 ++-
 .../_expected/server/index.svelte.js          |  6 +-
 .../_expected/server/index.svelte.js          | 20 ++++---
 .../_expected/server/index.svelte.js          |  6 +-
 .../_expected/server/index.svelte.js          | 20 ++++---
 23 files changed, 199 insertions(+), 142 deletions(-)

diff --git a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
index df7ba38544..eadcefe6b5 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/transform-server.js
@@ -242,7 +242,7 @@ export function server_component(analysis, options) {
 			b.call(
 				'$$payload.child',
 				b.arrow(
-					[],
+					[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
 					b.block([
 						.../** @type {Statement[]} */ (instance.body),
 						.../** @type {Statement[]} */ (template.body)
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js
index aa24668706..908ca9faba 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js
@@ -12,8 +12,18 @@ export function SnippetBlock(node, context) {
 	let fn = b.function_declaration(
 		node.expression,
 		[b.id('$$payload'), ...node.parameters],
-		/** @type {BlockStatement} */ (context.visit(node.body)),
-		node.metadata.has_await
+		b.block([
+			b.stmt(
+				b.call(
+					'$$payload.child',
+					b.arrow(
+						[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
+						/** @type {BlockStatement} */ (context.visit(node.body)),
+						context.state.analysis.suspends
+					)
+				)
+			)
+		])
 	);
 
 	// @ts-expect-error - TODO remove this hack once $$render_inner for legacy bindings is gone
diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
index f5de8e795d..73e9e267cb 100644
--- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
+++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/component.js
@@ -237,7 +237,11 @@ export function build_inline_component(node, expression, context) {
 				b.stmt(
 					b.call(
 						'$$payload.child',
-						b.arrow([], b.block(block.body), context.state.analysis.suspends)
+						b.arrow(
+							[b.object_pattern([b.init('$$payload', b.id('$$payload'))])],
+							b.block(block.body),
+							context.state.analysis.suspends
+						)
 					)
 				)
 			])
diff --git a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js
index cc2628c852..f123a4ac06 100644
--- a/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/await-block-scope/_expected/server/index.svelte.js
@@ -1,14 +1,16 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Await_block_scope($$payload) {
-	let counter = { count: 0 };
-	const promise = Promise.resolve(counter);
+	$$payload.child(({ $$payload }) => {
+		let counter = { count: 0 };
+		const promise = Promise.resolve(counter);
 
-	function increment() {
-		counter.count += 1;
-	}
+		function increment() {
+			counter.count += 1;
+		}
 
-	$$payload.out.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
-	$.await($$payload, promise, () => {}, (counter) => {});
-	$$payload.out.push(`<!--]--> ${$.escape(counter.count)}`);
+		$$payload.out.push(`<button>clicks: ${$.escape(counter.count)}</button> `);
+		$.await($$payload, promise, () => {}, (counter) => {});
+		$$payload.out.push(`<!--]--> ${$.escape(counter.count)}`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js
index c0db7d2fd5..e50eddd635 100644
--- a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/server/index.svelte.js
@@ -2,35 +2,39 @@ import * as $ from 'svelte/internal/server';
 import TextInput from './Child.svelte';
 
 function snippet($$payload) {
-	$$payload.out.push(`<!---->Something`);
+	$$payload.child(({ $$payload }) => {
+		$$payload.out.push(`<!---->Something`);
+	});
 }
 
 export default function Bind_component_snippet($$payload) {
-	let value = '';
-	const _snippet = snippet;
-	let $$settled = true;
-	let $$inner_payload;
+	$$payload.child(({ $$payload }) => {
+		let value = '';
+		const _snippet = snippet;
+		let $$settled = true;
+		let $$inner_payload;
 
-	function $$render_inner($$payload) {
-		TextInput($$payload, {
-			get value() {
-				return value;
-			},
+		function $$render_inner($$payload) {
+			TextInput($$payload, {
+				get value() {
+					return value;
+				},
 
-			set value($$value) {
-				value = $$value;
-				$$settled = false;
-			}
-		});
+				set value($$value) {
+					value = $$value;
+					$$settled = false;
+				}
+			});
 
-		$$payload.out.push(`<!----> value: ${$.escape(value)}`);
-	}
+			$$payload.out.push(`<!----> value: ${$.escape(value)}`);
+		}
 
-	do {
-		$$settled = true;
-		$$inner_payload = $.copy_payload($$payload);
-		$$render_inner($$inner_payload);
-	} while (!$$settled);
+		do {
+			$$settled = true;
+			$$inner_payload = $.copy_payload($$payload);
+			$$render_inner($$inner_payload);
+		} while (!$$settled);
 
-	$.assign_payload($$payload, $$inner_payload);
+		$.assign_payload($$payload, $$inner_payload);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js
index 148573766f..86a632de8d 100644
--- a/packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/bind-this/_expected/server/index.svelte.js
@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Bind_this($$payload) {
-	Foo($$payload, {});
+	$$payload.child(({ $$payload }) => {
+		Foo($$payload, {});
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js
index abfc264fea..968cbcebfb 100644
--- a/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/server/index.svelte.js
@@ -3,36 +3,38 @@ import * as $ from 'svelte/internal/server';
 export default function Class_state_field_constructor_assignment($$payload, $$props) {
 	$.push();
 
-	class Foo {
-		a = 0;
-		#b;
-		#foo = $.derived(() => ({ bar: this.a * 2 }));
-
-		get foo() {
-			return this.#foo();
-		}
-
-		set foo($$value) {
-			return this.#foo($$value);
-		}
-
-		#bar = $.derived(() => ({ baz: this.foo }));
-
-		get bar() {
-			return this.#bar();
-		}
-
-		set bar($$value) {
-			return this.#bar($$value);
-		}
-
-		constructor() {
-			this.a = 1;
-			this.#b = 2;
-			this.foo.bar = 3;
-			this.bar = 4;
+	$$payload.child(({ $$payload }) => {
+		class Foo {
+			a = 0;
+			#b;
+			#foo = $.derived(() => ({ bar: this.a * 2 }));
+
+			get foo() {
+				return this.#foo();
+			}
+
+			set foo($$value) {
+				return this.#foo($$value);
+			}
+
+			#bar = $.derived(() => ({ baz: this.foo }));
+
+			get bar() {
+				return this.#bar();
+			}
+
+			set bar($$value) {
+				return this.#bar($$value);
+			}
+
+			constructor() {
+				this.a = 1;
+				this.#b = 2;
+				this.foo.bar = 3;
+				this.bar = 4;
+			}
 		}
-	}
+	});
 
 	$.pop();
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/server/index.svelte.js
index ac3dfcd2cb..777dd72d78 100644
--- a/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/delegated-locally-declared-shadowed/_expected/server/index.svelte.js
@@ -1,13 +1,15 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Delegated_locally_declared_shadowed($$payload) {
-	const each_array = $.ensure_array_like({ length: 1 });
+	$$payload.child(({ $$payload }) => {
+		const each_array = $.ensure_array_like({ length: 1 });
 
-	$$payload.out.push(`<!--[-->`);
+		$$payload.out.push(`<!--[-->`);
 
-	for (let index = 0, $$length = each_array.length; index < $$length; index++) {
-		$$payload.out.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
-	}
+		for (let index = 0, $$length = each_array.length; index < $$length; index++) {
+			$$payload.out.push(`<button type="button"${$.attr('data-index', index)}>B</button>`);
+		}
 
-	$$payload.out.push(`<!--]-->`);
+		$$payload.out.push(`<!--]-->`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js b/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js
index 9c837d4e1d..70ff077557 100644
--- a/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/dynamic-attributes-casing/_expected/server/main.svelte.js
@@ -1,10 +1,10 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Main($$payload) {
-	// needs to be a snapshot test because jsdom does auto-correct the attribute casing
-	let x = 'test';
+	$$payload.child(({ $$payload }) => {
+		let x = 'test';
+		let y = () => 'test';
 
-	let y = () => 'test';
-
-	$$payload.out.push(`<div${$.attr('foobar', x)}></div> <svg${$.attr('viewBox', x)}></svg> <custom-element${$.attr('foobar', x)}></custom-element> <div${$.attr('foobar', y())}></div> <svg${$.attr('viewBox', y())}></svg> <custom-element${$.attr('foobar', y())}></custom-element>`);
+		$$payload.out.push(`<div${$.attr('foobar', x)}></div> <svg${$.attr('viewBox', x)}></svg> <custom-element${$.attr('foobar', x)}></custom-element> <div${$.attr('foobar', y())}></div> <svg${$.attr('viewBox', y())}></svg> <custom-element${$.attr('foobar', y())}></custom-element>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js
index 8fa0c5f28c..0d0eb3ef47 100644
--- a/packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/each-index-non-null/_expected/server/index.svelte.js
@@ -1,13 +1,15 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Each_index_non_null($$payload) {
-	const each_array = $.ensure_array_like(Array(10));
+	$$payload.child(({ $$payload }) => {
+		const each_array = $.ensure_array_like(Array(10));
 
-	$$payload.out.push(`<!--[-->`);
+		$$payload.out.push(`<!--[-->`);
 
-	for (let i = 0, $$length = each_array.length; i < $$length; i++) {
-		$$payload.out.push(`<p>index: ${$.escape(i)}</p>`);
-	}
+		for (let i = 0, $$length = each_array.length; i < $$length; i++) {
+			$$payload.out.push(`<p>index: ${$.escape(i)}</p>`);
+		}
 
-	$$payload.out.push(`<!--]-->`);
+		$$payload.out.push(`<!--]-->`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js
index 6dbe8130da..1bc9da9d65 100644
--- a/packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/each-string-template/_expected/server/index.svelte.js
@@ -1,15 +1,17 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Each_string_template($$payload) {
-	const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
+	$$payload.child(({ $$payload }) => {
+		const each_array = $.ensure_array_like(['foo', 'bar', 'baz']);
 
-	$$payload.out.push(`<!--[-->`);
+		$$payload.out.push(`<!--[-->`);
 
-	for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-		let thing = each_array[$$index];
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let thing = each_array[$$index];
 
-		$$payload.out.push(`<!---->${$.escape(thing)}, `);
-	}
+			$$payload.out.push(`<!---->${$.escape(thing)}, `);
+		}
 
-	$$payload.out.push(`<!--]-->`);
+		$$payload.out.push(`<!--]-->`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
index ce4f09ed1d..8dcec90232 100644
--- a/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/function-prop-no-getter/_expected/server/index.svelte.js
@@ -1,23 +1,27 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Function_prop_no_getter($$payload) {
-	let count = 0;
+	$$payload.child(({ $$payload }) => {
+		let count = 0;
 
-	function onmouseup() {
-		count += 2;
-	}
+		function onmouseup() {
+			count += 2;
+		}
 
-	const plusOne = (num) => num + 1;
+		const plusOne = (num) => num + 1;
 
-	Button($$payload, {
-		onmousedown: () => count += 1,
-		onmouseup,
-		onmouseenter: () => count = plusOne(count),
+		Button($$payload, {
+			onmousedown: () => count += 1,
+			onmouseup,
+			onmouseenter: () => count = plusOne(count),
 
-		children: ($$payload) => {
-			$$payload.out.push(`<!---->clicks: ${$.escape(count)}`);
-		},
+			children: ($$payload) => {
+				$$payload.child(({ $$payload }) => {
+					$$payload.out.push(`<!---->clicks: ${$.escape(count)}`);
+				});
+			},
 
-		$$slots: { default: true }
+			$$slots: { default: true }
+		});
 	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js
index b1a0a5f9e6..cab4658382 100644
--- a/packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/functional-templating/_expected/server/index.svelte.js
@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Functional_templating($$payload) {
-	$$payload.out.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
+	$$payload.child(({ $$payload }) => {
+		$$payload.out.push(`<h1>hello</h1> <div class="potato"><p>child element</p> <p>another child element</p></div>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js
index 30f6d6b74a..a176b255a8 100644
--- a/packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/hello-world/_expected/server/index.svelte.js
@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Hello_world($$payload) {
-	$$payload.out.push(`<h1>hello world</h1>`);
+	$$payload.child(({ $$payload }) => {
+		$$payload.out.push(`<h1>hello world</h1>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js
index ea1d12c83b..15edfd4d2b 100644
--- a/packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/hmr/_expected/server/index.svelte.js
@@ -1,5 +1,7 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Hmr($$payload) {
-	$$payload.out.push(`<h1>hello world</h1>`);
+	$$payload.child(({ $$payload }) => {
+		$$payload.out.push(`<h1>hello world</h1>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js
index 2ed863d68f..4af80146d4 100644
--- a/packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/imports-in-modules/_expected/server/index.svelte.js
@@ -1,4 +1,6 @@
 import * as $ from 'svelte/internal/server';
 import { random } from './module.svelte';
 
-export default function Imports_in_modules($$payload) {}
\ No newline at end of file
+export default function Imports_in_modules($$payload) {
+	$$payload.child(({ $$payload }) => {});
+}
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js
index 18e01b4f72..9839b3113d 100644
--- a/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/nullish-coallescence-omittance/_expected/server/index.svelte.js
@@ -1,8 +1,10 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Nullish_coallescence_omittance($$payload) {
-	let name = 'world';
-	let count = 0;
+	$$payload.child(({ $$payload }) => {
+		let name = 'world';
+		let count = 0;
 
-	$$payload.out.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
+		$$payload.out.push(`<h1>Hello, world!</h1> <b>123</b> <button>Count is ${$.escape(count)}</button> <h1>Hello, world</h1>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js
index 33a3633939..215ce5b9e2 100644
--- a/packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/props-identifier/_expected/server/index.svelte.js
@@ -3,14 +3,17 @@ import * as $ from 'svelte/internal/server';
 export default function Props_identifier($$payload, $$props) {
 	$.push();
 
-	let { $$slots, $$events, ...props } = $$props;
+	$$payload.child(({ $$payload }) => {
+		let { $$slots, $$events, ...props } = $$props;
+
+		props.a;
+		props[a];
+		props.a.b;
+		props.a.b = true;
+		props.a = true;
+		props[a] = true;
+		props;
+	});
 
-	props.a;
-	props[a];
-	props.a.b;
-	props.a.b = true;
-	props.a = true;
-	props[a] = true;
-	props;
 	$.pop();
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js
index 29b0d0d594..df5c400ed7 100644
--- a/packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/purity/_expected/server/index.svelte.js
@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Purity($$payload) {
-	$$payload.out.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
-	Child($$payload, { prop: encodeURIComponent('hello') });
-	$$payload.out.push(`<!---->`);
+	$$payload.child(({ $$payload }) => {
+		$$payload.out.push(`<p>0</p> <p>${$.escape(location.href)}</p> `);
+		Child($$payload, { prop: encodeURIComponent('hello') });
+		$$payload.out.push(`<!---->`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
index bad475ec86..65c4341a5e 100644
--- a/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/skip-static-subtree/_expected/server/index.svelte.js
@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Skip_static_subtree($$payload, $$props) {
-	let { title, content } = $$props;
+	$$payload.child(({ $$payload }) => {
+		let { title, content } = $$props;
 
-	$$payload.out.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus/></div> <div><source muted/></div> <select><option value="a"${$.maybe_selected($$payload, 'a')}>a</option></select> <img src="..." alt="" loading="lazy"/> <div><img src="..." alt="" loading="lazy"/></div>`);
+		$$payload.out.push(`<header><nav><a href="/">Home</a> <a href="/away">Away</a></nav></header> <main><h1>${$.escape(title)}</h1> <div class="static"><p>we don't need to traverse these nodes</p></div> <p>or</p> <p>these</p> <p>ones</p> ${$.html(content)} <p>these</p> <p>trailing</p> <p>nodes</p> <p>can</p> <p>be</p> <p>completely</p> <p>ignored</p></main> <cant-skip><custom-elements with="attributes"></custom-elements></cant-skip> <div><input autofocus/></div> <div><source muted/></div> <select><option value="a"${$.maybe_selected($$payload, 'a')}>a</option></select> <img src="..." alt="" loading="lazy"/> <div><img src="..." alt="" loading="lazy"/></div>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js
index c2736b0f43..08b3c7a269 100644
--- a/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/state-proxy-literal/_expected/server/index.svelte.js
@@ -1,15 +1,17 @@
 import * as $ from 'svelte/internal/server';
 
 export default function State_proxy_literal($$payload) {
-	let str = '';
-	let tpl = ``;
+	$$payload.child(({ $$payload }) => {
+		let str = '';
+		let tpl = ``;
 
-	function reset() {
-		str = '';
-		str = ``;
-		tpl = '';
-		tpl = ``;
-	}
+		function reset() {
+			str = '';
+			str = ``;
+			tpl = '';
+			tpl = ``;
+		}
 
-	$$payload.out.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
+		$$payload.out.push(`<input${$.attr('value', str)}/> <input${$.attr('value', tpl)}/> <button>reset</button>`);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js
index 4426ad1164..e057561510 100644
--- a/packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/svelte-element/_expected/server/index.svelte.js
@@ -1,7 +1,9 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Svelte_element($$payload, $$props) {
-	let { tag = 'hr' } = $$props;
+	$$payload.child(({ $$payload }) => {
+		let { tag = 'hr' } = $$props;
 
-	$.element($$payload, tag);
+		$.element($$payload, tag);
+	});
 }
\ No newline at end of file
diff --git a/packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js b/packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js
index f7dc586026..cf93de9c25 100644
--- a/packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js
+++ b/packages/svelte/tests/snapshot/samples/text-nodes-deriveds/_expected/server/index.svelte.js
@@ -1,16 +1,18 @@
 import * as $ from 'svelte/internal/server';
 
 export default function Text_nodes_deriveds($$payload) {
-	let count1 = 0;
-	let count2 = 0;
+	$$payload.child(({ $$payload }) => {
+		let count1 = 0;
+		let count2 = 0;
 
-	function text1() {
-		return count1;
-	}
+		function text1() {
+			return count1;
+		}
 
-	function text2() {
-		return count2;
-	}
+		function text2() {
+			return count2;
+		}
 
-	$$payload.out.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
+		$$payload.out.push(`<p>${$.escape(text1())}${$.escape(text2())}</p>`);
+	});
 }
\ No newline at end of file