diff --git a/.changeset/seven-clocks-pull.md b/.changeset/seven-clocks-pull.md new file mode 100644 index 000000000000..e426560b7b91 --- /dev/null +++ b/.changeset/seven-clocks-pull.md @@ -0,0 +1,5 @@ +--- +'svelte': patch +--- + +fix: add `lang="ts"` attribute during migration if needed diff --git a/packages/svelte/src/compiler/migrate/index.js b/packages/svelte/src/compiler/migrate/index.js index b7687af09f0b..5bcf160e8bc7 100644 --- a/packages/svelte/src/compiler/migrate/index.js +++ b/packages/svelte/src/compiler/migrate/index.js @@ -207,8 +207,12 @@ export function migrate(source, { filename, use_ts } = {}) { analysis.uses_props || state.has_svelte_self; + const need_ts_tag = + state.uses_ts && + (!parsed.instance || !parsed.instance.attributes.some((attr) => attr.name === 'lang')); + if (!parsed.instance && need_script) { - str.appendRight(0, ' + + diff --git a/packages/svelte/tests/migrate/samples/slot-use_ts-2/output.svelte b/packages/svelte/tests/migrate/samples/slot-use_ts-2/output.svelte new file mode 100644 index 000000000000..a8e8db66b187 --- /dev/null +++ b/packages/svelte/tests/migrate/samples/slot-use_ts-2/output.svelte @@ -0,0 +1,10 @@ + + +{@render children?.()} \ No newline at end of file diff --git a/packages/svelte/tests/migrate/samples/slot-use_ts-3/_config.js b/packages/svelte/tests/migrate/samples/slot-use_ts-3/_config.js new file mode 100644 index 000000000000..dbc620d66e66 --- /dev/null +++ b/packages/svelte/tests/migrate/samples/slot-use_ts-3/_config.js @@ -0,0 +1,5 @@ +import { test } from '../../test'; + +export default test({ + use_ts: true +}); diff --git a/packages/svelte/tests/migrate/samples/slot-use_ts-3/input.svelte b/packages/svelte/tests/migrate/samples/slot-use_ts-3/input.svelte new file mode 100644 index 000000000000..b228fef106b3 --- /dev/null +++ b/packages/svelte/tests/migrate/samples/slot-use_ts-3/input.svelte @@ -0,0 +1,6 @@ + + + diff --git a/packages/svelte/tests/migrate/samples/slot-use_ts-3/output.svelte b/packages/svelte/tests/migrate/samples/slot-use_ts-3/output.svelte new file mode 100644 index 000000000000..ab95eace3a8f --- /dev/null +++ b/packages/svelte/tests/migrate/samples/slot-use_ts-3/output.svelte @@ -0,0 +1,13 @@ + + +{@render children?.()} \ No newline at end of file diff --git a/packages/svelte/tests/migrate/samples/slot-use_ts/output.svelte b/packages/svelte/tests/migrate/samples/slot-use_ts/output.svelte index 3e92f5ceb124..0ba0bf53e925 100644 --- a/packages/svelte/tests/migrate/samples/slot-use_ts/output.svelte +++ b/packages/svelte/tests/migrate/samples/slot-use_ts/output.svelte @@ -1,4 +1,4 @@ -