fix(playground): default to TypeScript 6 (fix #15217)

[ifer47]

What changed

• Default new SFC Playground sessions to TypeScript 6.0.3 instead of the npm latest tag.
• Keep TypeScript versions serialized in shared Playground URLs authoritative over the default.

Why

• The npm latest tag now resolves to TypeScript 7, which the Playground's Vue type support does not currently handle.
• This fixes The Playground's TS version is set to 7 by default. #15217 while preserving explicitly selected versions.

How tested

• Built the Vue compiler/runtime prerequisites and the SFC Playground production bundle successfully.
• Browser-tested a fresh Playground session: the TypeScript selector shows 6.0.3.
• Browser-tested an explicit selection: selecting 5.9.3 and reloading keeps 5.9.3.
• git diff --check origin/main...HEAD

Full tsc --incremental --noEmit is blocked in the local dependency snapshot by an unrelated existing mismatch: vitest/browser does not export cdp for packages/vue/__tests__/e2e/e2eBrowserUtils.ts.

Risk and rollout

• Risk: Low. The change only affects the initial Playground default; shared URLs with an explicit TypeScript version continue to override it.
• Rollback: Revert the typescriptVersion store option.

Notes for reviewers

• Duplicate audit covered open, closed, and merged PRs plus commits using: 15217, the issue title, playground TypeScript default, TypeScript version playground, typescriptVersion, and packages-private/sfc-playground/src/App.vue.
• No matching implementation, linked branch, or existing PR was found. The issue's only comment is an unlinked offer to investigate.

Summary by CodeRabbit

• New Features
  • Updated the playground to use TypeScript version 6.0.3 by default.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 13b8fd12-1c4f-404c-9f90-720feda90fc6

📥 Commits

Reviewing files that changed from the base of the PR and between d2c458b and 8a65a5e.

📒 Files selected for processing (1)

• packages-private/sfc-playground/src/App.vue

---

📝 Walkthrough

Walkthrough

The SFC playground now uses TypeScript 6.0.3 as its default REPL TypeScript version.

Changes

Playground TypeScript default

Layer / File(s)	Summary
Configure the default TypeScript version packages-private/sfc-playground/src/App.vue	Defines the default TypeScript version as 6.0.3 and passes it to the REPL store.

Estimated code review effort: 1 (Trivial) | ~2 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the Playground fix and the change to default to TypeScript 6.
Linked Issues check	✅ Passed	The change sets the Playground default to TypeScript 6.0.3, which directly addresses issue #15217.
Out of Scope Changes check	✅ Passed	The changes are limited to configuring the Playground's default TypeScript version and match the linked issue scope.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[pkg-pr-new]

Open in StackBlitz

@vue/compiler-core

pnpm add https://pkg.pr.new/@vue/compiler-core@15219

npm i https://pkg.pr.new/@vue/compiler-core@15219

yarn add https://pkg.pr.new/@vue/compiler-core@15219.tgz

@vue/compiler-dom

pnpm add https://pkg.pr.new/@vue/compiler-dom@15219

npm i https://pkg.pr.new/@vue/compiler-dom@15219

yarn add https://pkg.pr.new/@vue/compiler-dom@15219.tgz

@vue/compiler-sfc

pnpm add https://pkg.pr.new/@vue/compiler-sfc@15219

npm i https://pkg.pr.new/@vue/compiler-sfc@15219

yarn add https://pkg.pr.new/@vue/compiler-sfc@15219.tgz

@vue/compiler-ssr

pnpm add https://pkg.pr.new/@vue/compiler-ssr@15219

npm i https://pkg.pr.new/@vue/compiler-ssr@15219

yarn add https://pkg.pr.new/@vue/compiler-ssr@15219.tgz

@vue/reactivity

pnpm add https://pkg.pr.new/@vue/reactivity@15219

npm i https://pkg.pr.new/@vue/reactivity@15219

yarn add https://pkg.pr.new/@vue/reactivity@15219.tgz

@vue/runtime-core

pnpm add https://pkg.pr.new/@vue/runtime-core@15219

npm i https://pkg.pr.new/@vue/runtime-core@15219

yarn add https://pkg.pr.new/@vue/runtime-core@15219.tgz

@vue/runtime-dom

pnpm add https://pkg.pr.new/@vue/runtime-dom@15219

npm i https://pkg.pr.new/@vue/runtime-dom@15219

yarn add https://pkg.pr.new/@vue/runtime-dom@15219.tgz

@vue/server-renderer

pnpm add https://pkg.pr.new/@vue/server-renderer@15219

npm i https://pkg.pr.new/@vue/server-renderer@15219

yarn add https://pkg.pr.new/@vue/server-renderer@15219.tgz

@vue/shared

pnpm add https://pkg.pr.new/@vue/shared@15219

npm i https://pkg.pr.new/@vue/shared@15219

yarn add https://pkg.pr.new/@vue/shared@15219.tgz

vue

pnpm add https://pkg.pr.new/vue@15219

npm i https://pkg.pr.new/vue@15219

yarn add https://pkg.pr.new/vue@15219.tgz

@vue/compat

pnpm add https://pkg.pr.new/@vue/compat@15219

npm i https://pkg.pr.new/@vue/compat@15219

yarn add https://pkg.pr.new/@vue/compat@15219.tgz

commit: 8a65a5e

[github-actions]

Size Report

Bundles

File	Size	Gzip	Brotli
runtime-dom.global.prod.js	108 kB	40.7 kB	36.5 kB
vue.global.prod.js	167 kB	60.9 kB	54.2 kB

Usages

Name	Size	Gzip	Brotli
createApp (CAPI only)	49.7 kB	19.3 kB	17.7 kB
createApp	57.8 kB	22.3 kB	20.4 kB
createSSRApp	62.5 kB	24.3 kB	22.1 kB
defineCustomElement	64.1 kB	24.3 kB	22.1 kB
overall	72.1 kB	27.5 kB	25.1 kB