diff --git a/.changeset/tall-parents-go.md b/.changeset/tall-parents-go.md new file mode 100644 index 000000000000..6146a5c6752e --- /dev/null +++ b/.changeset/tall-parents-go.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: add `UNKNOWN` evaluation value before breaking for `binding.initial===SnippetBlock` diff --git a/packages/svelte/src/compiler/phases/scope.js b/packages/svelte/src/compiler/phases/scope.js index ffccaffba393..f7d3dac0f75d 100644 --- a/packages/svelte/src/compiler/phases/scope.js +++ b/packages/svelte/src/compiler/phases/scope.js @@ -263,6 +263,7 @@ class Evaluation { if (binding.initial?.type === 'SnippetBlock') { this.is_defined = true; this.is_known = false; + this.values.add(UNKNOWN); break; } diff --git a/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/Component.svelte b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/Component.svelte new file mode 100644 index 000000000000..ba0e19e0a38f --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/Component.svelte @@ -0,0 +1,5 @@ + + +{@render test?.()} \ No newline at end of file diff --git a/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/_config.js b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/_config.js new file mode 100644 index 000000000000..5f6a0172ca40 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/_config.js @@ -0,0 +1,10 @@ +import { flushSync } from 'svelte'; +import { test } from '../../test'; + +export default test({ + async test({ assert, target }) { + const btn = target.querySelector('button'); + flushSync(() => btn?.click()); + assert.htmlEqual(target.innerHTML, `
snip
`); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/main.svelte b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/main.svelte new file mode 100644 index 000000000000..c2b75c362f31 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/const-snippet-reactive/main.svelte @@ -0,0 +1,15 @@ + + +{#snippet snip()} +snip
+{/snippet} + + +{#if true} + {@const test = count % 2 === 0 ? undefined: snip} +