{message} {name}!
+{/snippet} +``` + +...because `greeting` references `message`, which is defined in the second ` + + + +{#snippet greeting(name)} +{message} {name}!
+{/snippet} +``` + +...because `greeting` references `message`, which is defined in the second ` diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/Child.svelte b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/Child.svelte new file mode 100644 index 000000000000..902386fd7e68 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/Child.svelte @@ -0,0 +1,13 @@ + + +{#snippet one()} + {@render two()} +{/snippet} + +{#snippet two()} + {message} +{/snippet} diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/_config.js b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/_config.js new file mode 100644 index 000000000000..55ab126f8980 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/_config.js @@ -0,0 +1,8 @@ +import { test } from '../../test'; + +export default test({ + compileOptions: { + dev: true // Render in dev mode to check that the validation error is not thrown + }, + html: `hello` +}); diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/main.svelte b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/main.svelte new file mode 100644 index 000000000000..11b7297397ea --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module-2/main.svelte @@ -0,0 +1,5 @@ + + +{@render one()} diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/Child.svelte b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/Child.svelte new file mode 100644 index 000000000000..ffa1c12b349c --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/Child.svelte @@ -0,0 +1,9 @@ + + +{#snippet foo(a, b)} + Hello world {a + b} +{/snippet} diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/_config.js b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/_config.js new file mode 100644 index 000000000000..be8d22b4e862 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/_config.js @@ -0,0 +1,8 @@ +import { test } from '../../test'; + +export default test({ + compileOptions: { + dev: true // Render in dev mode to check that the validation error is not thrown + }, + html: `Hello world 3` +}); diff --git a/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/main.svelte b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/main.svelte new file mode 100644 index 000000000000..80e9df514b70 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/snippet-hoisted-module/main.svelte @@ -0,0 +1,5 @@ + + +{@render foo(1, 2)} diff --git a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js index 58ccf7ed7fda..bcddb6f658c8 100644 --- a/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js +++ b/packages/svelte/tests/snapshot/samples/bind-component-snippet/_expected/client/index.svelte.js @@ -2,17 +2,17 @@ import "svelte/internal/disclose-version"; import * as $ from "svelte/internal/client"; import TextInput from './Child.svelte'; -var root = $.template(` `, 1); +const snippet = ($$anchor) => { + $.next(); -export default function Bind_component_snippet($$anchor) { - const snippet = ($$anchor) => { - $.next(); + var text = $.text("Something"); - var text = $.text("Something"); + $.append($$anchor, text); +}; - $.append($$anchor, text); - }; +var root = $.template(` `, 1); +export default function Bind_component_snippet($$anchor) { let value = $.state(''); const _snippet = snippet; var fragment = root(); 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 b645d055702c..d223a3150269 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 @@ -1,14 +1,13 @@ import * as $ from "svelte/internal/server"; import TextInput from './Child.svelte'; +function snippet($$payload) { + $$payload.out += `Something`; +} + export default function Bind_component_snippet($$payload) { let value = ''; const _snippet = snippet; - - function snippet($$payload) { - $$payload.out += `Something`; - } - let $$settled = true; let $$inner_payload;