build: upgrade to vite 8 and vitest 4

[posva]

Moves the repo to Vite 8. Vitest 3 caps Vite at ^7, so this also bumps Vitest to 4.

Changes

• vite ^7.3.0 → ^8.2.0 (workspace override + router, playground, playground-file-based, experiments-playground)
• @vitejs/plugin-vue → ^6.0.8
• vitest, @vitest/coverage-v8, @vitest/ui → ^4.1.10
• @vitest/browser → @vitest/browser-playwright (Vitest 4 split browser providers into their own packages)
• vitest-browser-vue → ^2.1.0

No config changes were needed: browser mode is still commented out in packages/router/vitest.config.ts, and vue-router's vite peer range already allowed ^8.0.0.

VitePress 1.6.4 doesn't support Vite 8, so it's pinned with a vitepress>vite: '^7.3.0' override. That pin can be removed once #2746 (VitePress 2) lands.

Verified

• pnpm test: 1644 unit tests + 84 e2e passing
• pnpm run build, both playground builds and experiments-playground build
• pnpm run docs:build
• pnpm lint

Summary by CodeRabbit

• Chores
  • Updated Vite and Vue development tooling across playgrounds and workspace packages.
  • Updated Vitest-related tooling for improved compatibility with current development workflows.
  • Retained Vite 7 for VitePress compatibility while upgrading other workspace tooling to Vite 8.

[netlify]

✅ Deploy Preview for vue-router ready!

Name	Link
🔨 Latest commit	68f55e8
🔍 Latest deploy log	https://app.netlify.com/projects/vue-router/deploys/6a7b287198e1fa0008b79f14
😎 Deploy Preview	https://deploy-preview-2776--vue-router.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 88 (🔴 down 3 from production) Accessibility: 97 (no change from production) Best Practices: 83 (🔴 down 17 from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: 4e2b1b26-7cef-4e87-96f4-d5bf47c0ae93

📥 Commits

Reviewing files that changed from the base of the PR and between 86e1f81 and 68f55e8.

⛔ Files ignored due to path filters (1)

• pnpm-lock.yaml is excluded by !**/pnpm-lock.yaml

📒 Files selected for processing (6)

• package.json
• packages/experiments-playground/package.json
• packages/playground-file-based/package.json
• packages/playground/package.json
• packages/router/package.json
• pnpm-workspace.yaml

---

📝 Walkthrough

Walkthrough

The changes update Vite, the Vue plugin, and Vitest development dependencies across the workspace. The workspace override selects Vite 8 while retaining Vite 7 for VitePress 1 compatibility.

Changes

Development tooling updates

Layer / File(s)	Summary
Package development dependencies package.json, packages/experiments-playground/package.json, packages/playground-file-based/package.json, packages/playground/package.json, packages/router/package.json	The manifests update Vite, @vitejs/plugin-vue, vitest, and vitest-browser-vue version constraints. The root manifest removes @vitest/browser.
Workspace Vite overrides pnpm-workspace.yaml	The workspace override changes Vite to ^8.2.0 and retains Vite ^7.3.0 for VitePress.
Estimated code review effort: 2 (Simple)	~5 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 and concisely summarizes the main changes: upgrading the repository to Vite 8 and Vitest 4.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch chore/vite-8

---

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

pnpm add https://pkg.pr.new/vue-router@2776

npm i https://pkg.pr.new/vue-router@2776

yarn add https://pkg.pr.new/vue-router@2776.tgz

commit: 68f55e8

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 85.56%. Comparing base (86e1f81) to head (68f55e8).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2776      +/-   ##
==========================================
- Coverage   87.04%   85.56%   -1.49%     
==========================================
  Files          93       74      -19     
  Lines       10749     5846    -4903     
  Branches     2489     1872     -617     
==========================================
- Hits         9357     5002    -4355     
+ Misses       1385      744     -641     
- Partials        7      100      +93     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.