Skip to content

feat: nuxt 4 upgrade #3366

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jagoral merged 5 commits into from
Feb 17, 2026
Merged

feat: nuxt 4 upgrade #3366

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
6165cd3
feat: nuxt 4 upgrade
jagoral Feb 17, 2026
d5484af
fix: upgrade Node.js to v22 LTS for Vite 7 compatibility
jagoral Feb 17, 2026
41c6287
fix: pin vite 5 for docs app to prevent Nuxt 3/Vite 7 conflict
jagoral Feb 17, 2026
77d4563
fix: isolate Nuxt 4 deps to prevent leaking into docs build
jagoral Feb 17, 2026
2565a82
fix: add missing eslint-plugin-nuxt dependency
jagoral Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/nuxt4-support.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@storefront-ui/nuxt": minor
---

Add Nuxt 4 support while maintaining backward compatibility with Nuxt 3
2 changes: 1 addition & 1 deletion .nvmrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
20.11.1
22.14.0
4 changes: 3 additions & 1 deletion apps/docs/components/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,10 @@
"@microsoft/api-documenter": "^7.25.9",
"@microsoft/api-extractor": "^7.47.4",
"@types/node": "^20.12.7",
"nitropack": "2.10.3",
"nuxt": "^3.14.159",
"nuxt-gtag": "^3.0.1"
"nuxt-gtag": "^3.0.1",
"vite": "^5.4.10"
},
"dependencies": {
"@microsoft/api-extractor-model": "^7.29.4",
Expand Down
5 changes: 4 additions & 1 deletion apps/preview/nuxt/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@
"name": "@storefront-ui/preview-nuxt",
"version": "0.0.0",
"private": true,
"installConfig": {
"hoistingLimits": "workspaces"
},
Comment on lines +5 to +7
Copy link
Copy Markdown
Contributor Author

@jagoral jagoral Feb 17, 2026

Choose a reason for hiding this comment

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

(docs in workspaces issue)

Without it, Nuxt 4's @nuxt/kit@4.3.1, @nuxt/vite-builder@4.3.1, and vite@7.3.1 were hoisted to root node_modules, where nuxi would pick them up for the docs build instead of the correct Nuxt 3 versions

"scripts": {
"dev": "nuxt dev --port=3001",
"build": "PROD=true nuxt build",
Expand Down Expand Up @@ -29,7 +32,7 @@
"autoprefixer": "^10.4.19",
"eslint": "^8.34.0",
"eslint-plugin-nuxt": "^4.0.0",
"nuxt": "^3.14.159",
"nuxt": "^4.3.0",
"postcss": "^8.4.21",
"prettier": "^3.0.0",
"sass": "^1.77.8",
Expand Down
8 changes: 5 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"remark-stringify": "^11.0.0",
"rimraf": "^6.0.1",
"rollup-plugin-preserve-directives": "^0.4.0",
"svgo": "^3.3.2",
"tailwindcss": "^4.1.11",
"turbo": "^2.0.9",
"typescript": "^5.5.4",
Expand All @@ -81,7 +82,7 @@
"engines": {
"npm": ">=8.19.1",
"yarn": ">=1.22.19",
"node": ">=16.0.0"
"node": ">=22.0.0"
},
"packageManager": "yarn@3.8.7",
"config": {
Expand All @@ -92,11 +93,12 @@
},
"resolutions": {
"#sf-docs-base": "old vue with version 3.4. causing missing renderer",
"vue": "3.5.13",
"vue": "3.5.28",
"sf-docs-base@^1.3.2": "patch:sf-docs-base@npm%3A1.3.2#./.yarn/patches/sf-docs-base-npm-1.3.2-2dba5f0f27.patch",
"@nuxtjs/tailwindcss@^6.11.4": "7.0.0-beta.1",
"@storefront-ui/vue": "workspace:*",
"@storefront-ui/typography": "workspace:*",
"@changesets/assemble-release-plan@^6.0.4": "patch:@changesets/assemble-release-plan@npm%3A6.0.4#./.yarn/patches/@changesets-assemble-release-plan-npm-6.0.4-999d754646.patch"
"@changesets/assemble-release-plan@^6.0.4": "patch:@changesets/assemble-release-plan@npm%3A6.0.4#./.yarn/patches/@changesets-assemble-release-plan-npm-6.0.4-999d754646.patch",
"nitropack": "2.10.3"
Copy link
Copy Markdown
Contributor Author

@jagoral jagoral Feb 17, 2026 •
edited
Loading

Choose a reason for hiding this comment

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

(docs in workspaces issue)

the lockfile update bumped nitropack from 2.10.3 → 2.13.1, which added utils.azure.mjs importing cookie-es. Nuxt 3's impound plugin blocks this import because the regex pattern doesn't account for nitropack/node_modules/ paths.

}
}
8 changes: 4 additions & 4 deletions packages/sfui/frameworks/nuxt/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,16 +39,16 @@
"lint:fix": "eslint --fix --ext .vue,.js,.ts ."
},
"dependencies": {
"@nuxt/kit": "^3.13.2",
"@nuxtjs/tailwindcss": "^7.0.0-beta.1",
"@nuxt/kit": ">=3.13.2",
"@nuxtjs/tailwindcss": ">=7.0.0-beta.1",
"@storefront-ui/vue": "workspace:*",
"defu": "^6.1.4"
},
"devDependencies": {
"@nuxt/module-builder": "^0.8.4",
"@nuxt/schema": "^3.13.2",
"@nuxt/schema": "^4.3.0",
"@storefront-ui/eslint-config": "workspace:*",
"eslint": "^8.34.0",
"nuxt": "^3.14.159"
"nuxt": "^4.3.0"
}
}
Loading
Loading