diff --git a/packages/svelte2tsx/src/htmlxtojsx/index.ts b/packages/svelte2tsx/src/htmlxtojsx/index.ts index 87813d173..b9fe8592a 100644 --- a/packages/svelte2tsx/src/htmlxtojsx/index.ts +++ b/packages/svelte2tsx/src/htmlxtojsx/index.ts @@ -524,6 +524,13 @@ export function convertHtmlxToJsx( // {__sveltets_each(items, (item,i) => (key) && <> str.overwrite(eachBlock.start, eachBlock.expression.start, '{__sveltets_each('); str.overwrite(eachBlock.expression.end, eachBlock.context.start, ', ('); + + // {#each true, items as item} + if (eachBlock.expression.type === 'SequenceExpression') { + str.appendRight(eachBlock.expression.start, '('); + str.appendLeft(eachBlock.expression.end, ')'); + } + let contextEnd = eachBlock.context.end; if (eachBlock.index) { const idxLoc = htmlx.indexOf(eachBlock.index, contextEnd); diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx new file mode 100644 index 000000000..4bb6d6814 --- /dev/null +++ b/packages/svelte2tsx/test/htmlx2jsx/samples/each-block-basic-sequence/expected.jsx @@ -0,0 +1,3 @@ +<>{__sveltets_each((true, items), (item) => <> +