diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/TitleElement.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/TitleElement.js index ff3101289f..aa0940a6e4 100644 --- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/TitleElement.js +++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/TitleElement.js @@ -14,10 +14,11 @@ export function TitleElement(node, context) { context.state ); - context.state.init.push(b.stmt(b.call('$.title', value))); + const statement = b.stmt(b.call('$.title', value)); if (has_state) { - const statement = b.stmt(b.assignment('=', b.id('$.document.title'), value)); context.state.update.push(statement); + } else { + context.state.init.push(statement); } } diff --git a/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/_config.js b/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/_config.js index 83b58d0f7b..08c54ee100 100644 --- a/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/_config.js @@ -5,7 +5,7 @@ export default test({ async test({ assert, target, window }) { const [btn1] = target.querySelectorAll('button'); - assert.htmlEqual(window.document.head.innerHTML, ``); + assert.htmlEqual(window.document.head.innerHTML, `initial`); flushSync(() => { btn1.click(); @@ -17,6 +17,6 @@ export default test({ btn1.click(); }); - assert.htmlEqual(window.document.head.innerHTML, `hello world`); + assert.htmlEqual(window.document.head.innerHTML, `initial`); } }); diff --git a/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/main.svelte b/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/main.svelte index 188762cdd5..4227fc932d 100644 --- a/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/if-dependency-order-2/main.svelte @@ -8,6 +8,10 @@ } + + initial + +