diff --git a/.changeset/rich-jokes-attack.md b/.changeset/rich-jokes-attack.md new file mode 100644 index 0000000000..46e7d2d8c8 --- /dev/null +++ b/.changeset/rich-jokes-attack.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: correctly transform declaration tags during SSR diff --git a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js index 3da6fcf321..56157cee37 100644 --- a/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js +++ b/packages/svelte/src/compiler/phases/3-transform/server/visitors/shared/utils.js @@ -60,7 +60,9 @@ export function process_children(nodes, { visit, state }) { if (evaluated.is_known) { quasi.value.cooked += escape_html((evaluated.value ?? '') + ''); } else { - expressions.push(b.call('$.escape', /** @type {Expression} */ (visit(node.expression)))); + expressions.push( + b.call('$.escape', /** @type {Expression} */ (visit(node.expression, state))) + ); quasi = b.quasi('', i + 1 === sequence.length); quasis.push(quasi); @@ -80,7 +82,7 @@ export function process_children(nodes, { visit, state }) { if (node.type === 'ExpressionTag' && node.metadata.expression.is_async()) { flush(); - const expression = /** @type {Expression} */ (visit(node.expression)); + const expression = /** @type {Expression} */ (visit(node.expression, state)); let call = b.call( '$$renderer.push', diff --git a/packages/svelte/tests/server-side-rendering/samples/declaration-tags-transform/_expected.html b/packages/svelte/tests/server-side-rendering/samples/declaration-tags-transform/_expected.html new file mode 100644 index 0000000000..5665318328 --- /dev/null +++ b/packages/svelte/tests/server-side-rendering/samples/declaration-tags-transform/_expected.html @@ -0,0 +1 @@ +