Skip to content

feat(vue-router): upgrade to vue-router 5#31117

Open
ShaneK wants to merge 8 commits intomajor-9.0from
feat/vue-router-upgrade
Open

feat(vue-router): upgrade to vue-router 5#31117
ShaneK wants to merge 8 commits intomajor-9.0from
feat/vue-router-upgrade

Conversation

@ShaneK
Copy link
Copy Markdown
Member

@ShaneK ShaneK commented May 6, 2026

Issue number: internal


What is the current behavior?

@ionic/vue-router and @ionic/vue build against vue-router 4

What is the new behavior?

Bumps vue-router to ^5.0.6 and vue to ^3.5.0 (vue-router 5 raises its peer to ^3.5.0). We also added Playwright tests for Vue router that are in full parity with the previous Jest and removed the Jest tests and replaced them with Playwright.

This PR also makes the current Vue test app, which is also used for the Vue Router automated tests, get rebuilt with the current PR version for testing in the Vercel preview links.

Does this introduce a breaking change?

  • Yes
  • No

Consumer apps that pin vue-router themselves need to upgrade to ^5.0.0, and apps that explicitly pin vue need to bump to ^3.5.0

Other information

CI changes: CI no longer runs npm run test.spec (the script and Jest devDeps are gone), and now runs playwright tests

Preview (Vue + Vue Router test app, demos both packages from this PR):
https://ionic-framework-git-feat-vue-router-upgrade-ionic1.vercel.app/vue/

@ShaneK ShaneK requested a review from a team as a code owner May 6, 2026 17:47
@ShaneK ShaneK requested a review from gnbm May 6, 2026 17:47
@vercel
Copy link
Copy Markdown

vercel Bot commented May 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
ionic-framework Ready Ready Preview, Comment May 6, 2026 6:15pm

Request Review

@github-actions github-actions Bot added package: core @ionic/core package package: vue @ionic/vue package package: react @ionic/react package labels May 6, 2026
@ShaneK ShaneK changed the title Feat/vue router upgrade feat(vue-router): upgrade to vue-router 5 May 6, 2026
@ShaneK ShaneK force-pushed the feat/vue-router-upgrade branch from 561f950 to 3f69ec4 Compare May 6, 2026 18:09
@github-actions github-actions Bot removed the package: react @ionic/react package label May 6, 2026
@reslear
Copy link
Copy Markdown

reslear commented May 6, 2026

Nice, Will it work with vue-router/auto-routes ?

shell: bash
working-directory: ./packages/vue/test/build/${{ inputs.app }}
- name: 📦 Install Playwright Browsers
run: npx playwright install chromium
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why Chromium? The Angular tests don't pass in a browser.

cd "$SCRIPT_DIR"

# ---------------------------------------------------------------------------
# Test runner for the Vue Router upgrade work (FW-7121).
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should this line be in here? Seems more like a comment for yourself?

"@typescript-eslint/eslint-plugin": "^5.48.2",
"@typescript-eslint/parser": "^5.48.2",
"eslint": "^7.32.0",
"jest": "^28.1.1",
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Out of curiosity, should we be aiming to remove Jest from the repo entirely?

"vue-router": "^5.0.6"
},
"devDependencies": {
"@playwright/test": "^1.48.0",
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not sure if it's possible but maybe we should make sure that renovate upgrades this as well?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: core @ionic/core package package: vue @ionic/vue package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants