chore(deps): update dependency @nuxt/kit to v4#6189
Open
renovate[bot] wants to merge 1 commit intomainfrom
Open
chore(deps): update dependency @nuxt/kit to v4#6189renovate[bot] wants to merge 1 commit intomainfrom
renovate[bot] wants to merge 1 commit intomainfrom
Conversation
โ Deploy Preview for ts-maps failed. Why did it fail? โ
|
3917f6d to
d731d5f
Compare
d731d5f to
2e902d7
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^3.12.0โ^4.4.4Release Notes
nuxt/nuxt (@โnuxt/kit)
v4.4.4Compare Source
v4.4.2Compare Source
v4.4.1Compare Source
v4.3.1Compare Source
๐ Changelog
compare changes
๐ฉน Fixes
x-nitro-prerenderheader (#โ34202)server/forbuilder:watchhook (#โ34208)error.messagefor fatal errors (#โ34226)#appbarrel export in keyed functions (#โ34199)datetime in` (#โ33992)nuxt/schema(#โ34255)meta.name(#โ34263)#componentsimport mapping conflict for packages outside rootDir (#โ34139)nuxt/schemaonce more (552bbd8d1)๐ Refactors
genObjectKeyto omit unnecessary quotes (#โ34245)ComponentPropshelper to extract layout props (#โ34248)๐ Documentation
nitroAutoImports(#โ34182)#serverandrootDir(#โ34259)keyedComposables(#โ34201)๐ก Chore
pxfromwidthattribute (8d1cbb27a)โ Tests
<NuxtPage>navigation (048efc030)โค๏ธ Contributors
v4.3.0Compare Source
Nuxt 4.3 brings powerful new features for layouts, caching, and developer experience โ plus significant performance improvements under the hood.
๐ฃ Some News
Extended v3 Support
Early this month, I opened a discussion to find out how the upgrade had gone from v3 to v4. I was really pleased to hear how well it had gone for most people.
Having said that, we're committed to making sure no one gets left behind. And so we will continue to provide security updates and critical bug fix releases beyond the previously announced end-of-life date of January 31, 2026, meaning Nuxt v3 will meet its end-of-life on July 31, 2026.
Preparing for Nuxt 5
We're closer than ever to the releases of Nuxt v5 and Nitro v3. In the coming weeks, the
mainbranch of the Nuxt repository will begin receiving initial commits for Nuxt 5. However, it's still business as usual.mainbranch4.xand3.xbranchesKeep an eye out on the Upgrade Guide โ we'll be adding details about how you can already start migrating your projects to prepare for Nuxt v4 with
future.compatibilityVersion: 5.๐๏ธ Route Rule Layouts
But that's enough about the future. We have a lot of good things for you today!
First, you can now set layouts directly in route rules using the new
appLayoutproperty (#โ31092). This provides a centralized, declarative way to manage layouts across your application without scatteringdefinePageMetacalls throughout your pages.This might be useful for:
๐ฆ ISR/SWR Payload Extraction
Payload extraction now works with ISR (incremental static regeneration), SWR (stale-while-revalidate) and cache
routeRules(#โ33467). Previously, only pre-rendered pages could generate_payload.jsonfiles.This means:
๐งน Dev Mode Payload Extraction
Related to the above, payload extraction now also works in development mode (#โ30784). This makes it easier to test and debug payload behavior without needing to run a production build.
๐ซ Disable Modules from Layers
When extending Nuxt layers, you can now disable specific modules that you don't need (#โ33883). Just pass
falseto the module's options:๐ท๏ธ Route Groups in Page Meta
Route groups (folders wrapped in parentheses like
(protected)/) are now exposed in page meta (#โ33460). This makes it easy to check which groups a route belongs to in middleware or anywhere you have access to the route.This provides a clean, convention-based approach to route-level authorization without needing to add
definePageMetato every protected page.๐จ Layout Props with
setPageLayoutThe
setPageLayoutcomposable now accepts a second parameter to pass props to your layout (#โ33805):๐ง
#serverAliasA new
#serveralias provides clean imports within your server directory (#โ33870), similar to how#sharedworks:The alias includes import protection โ you can't accidentally import
#servercode from client or shared contexts.๐ช Draggable Error Overlay
The development error overlay introduced in Nuxt 4.2 is now draggable and can be minimized (#โ33695). You can:
This is a quality-of-life improvement when you're iterating on fixes and don't want the overlay blocking your view.
https://github.com/user-attachments/assets/nuxt_4-3_error_demo.mp4
โ๏ธ Async Plugin Constructors
Module authors can now use async functions when adding build plugins (#โ33619):
This enables true lazy loading of build plugins, avoiding unnecessary code loading when plugins aren't needed.
๐ Performance Improvements
This release includes several performance optimizations for faster builds:
nuxt:ssr-stylesplugin is now significantly faster (#โ33862, #โ33865)rou3, removing the need forradix3in the client bundle and eliminating app manifest fetches (#โ33920)๐จ Inline Styles for Webpack/Rspack
The
inlineStylesfeature now works with webpack and rspack builders (#โ33966), not just Vite. This enables critical CSS inlining for better Core Web Vitals regardless of your bundler choice.statusCodeโstatus,statusMessageโstatusTextIn preparation for Nitro v3 and H3 v2, we're moving to use Web API naming conventions (#โ33912). The old properties still work but are deprecated in advance of v5:
๐ Bug Fixes
Notable fixes in this release:
keyattribute (#โ33958, #โ33963)useCookieunsafe number parsing during decode (#โ34007)NuxtPagenot re-rendering when nestedNuxtLayouthas layouts disabled (#โ34078)allowArbitraryExtensionsby default in TypeScript config (#โ34084)noUncheckedIndexedAccessto server tsconfig for safer typing (#โ33985)๐ Documentation
๐ Nuxt 3.21.0
Alongside v4.3.0, we're releasing Nuxt v3.21.0 with many of the same improvements backported to the 3.x branch. This release includes:
setPageLayout,#serveralias, draggable error overlay, and morefalseuseCookienumber parsing, head component deduplication, and moreโ Upgrading
Our recommendation for upgrading is to run:
npx nuxt upgrade --dedupe # or, if you are upgrading to v3.21 npx nuxt@latest upgrade --dedupe --channel=v3This will deduplicate your lockfile and help ensure you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
๐ Changelog
compare changes
๐ Enhancements
#serveralias for server directory imports (#โ33870)crosswstypes (5b16a51f5)false(#โ33883)moduleDependenciesas an async function (#โ33504)appLayoutin route rules (#โ31092)setPageLayout(#โ33805)๐ฅ Performance
nuxt:ssr-stylesplugin (#โ33862)๐ฉน Fixes
router.replacein page hmr (#โ33897)page:loading:endin cache if already called (7789f73bd)NUXT_VITE_NODE_OPTIONS(41a564d23)appMiddlewarereferences invalid key (323f27bc8)nuxt/meta(01c2c9b13)keyfor tag deduplication in<Head>component (#โ33958)build.transpilewhen initialising vite (#โ33868)onUpgradearguments with types (#โ33988)rou3(2df4e1ae3)noUncheckedIndexedAccessto server tsconfig (#โ33985)shared/context (#โ33978)useRequestFetch(#โ33976)h3types to auto-imports (#โ34035)nuxt/schema(a6a044d81)NuxtPagewhen nestedNuxtLayouthas explicitly disabled layouts (#โ34078)allowArbitraryExtensionsby default (#โ34084)useAsyncDatadebounced execute post watcher flush (#โ34125)typeFromsupport forimports.d.tstemplate exports (#โ34135)hydrate-nevercomponents (#โ34132)๐ Refactors
defu+consola(322dae3e0).tsfile extensions to relative imports (80778c0cd)<>toas(f1713850c)~prefix for internal ssrContext properties (#โ33896)status/statusText+ deprecate old props (#โ33912)๐ Documentation
Module Author Guides(#โ33803)useHeadreturn type (#โ33857)statusText(#โ32834)defineWrappedResponseHandler(#โ33952)addImportsexample (#โ34011)config.experimentalproperties (#โ34069)nullfromgetCachedDatatrigger (f7cf3747e)useStatedocs (#โ34105).nuxtrcexample (#โ34107)addServerHandler(#โ34060)appLayout(beda47955)falseto its options (cdad9310c)sourcefrom<NuxtIsland>(1586bbb6e)๐ฆ Build
vite-nodeentrypoints (#โ33893)obuildexcept for nuxt + nitro-server packages (#โ34049)/builder-envsubpath types (7f5034288)๐ก Chore
build:stubcommand for those that need it (3e3d3d37a)node:process(#โ33982)โ Tests
vi.hoistedfor klona mock (#โ34113)๐ค CI
โค๏ธ Contributors
v4.2.2Compare Source
โ Upgrading
Our recommendation for upgrading is to run:
This will deduplicate your lockfile as well, and help ensure that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
๐ Changelog
compare changes
๐ฉน Fixes
page:finishhook (#โ33707)tsconfig.server.json(#โ33510)moduleDependenciesby meta name (#โ33774).d.vue.tsdeclarations (1c73525a2)callOnceduring HMR (#โ33810)useAsyncData(#โ33802)rootDirto cached layer config (#โ33779)moduleDependencies->installModule(#โ33689)๐ Refactors
callOncefunction (#โ33825)๐ Documentation
erroras non-optional prop (#โ33763)๐ก Chore
โ Tests
patchPropandnodeOpsto excluded Vue helpers (#โ33754)๐ค CI
--pnpmflag to correctly publish prerelease (#โ33688)โค๏ธ Contributors
v4.2.1Compare Source
โ Upgrading
Our recommendation for upgrading is to run:
This will deduplicate your lockfile as well, and help ensure that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.
๐ Changelog
compare changes
๐ฉน Fixes
ImportPresetWithDeprecation(#โ33596)<nuxt-error-overlay>iframe border (#โ33625)moduleEntryPaths(#โ33628)optimizeDepsconfig is applied before other plugins (#โ33586)pages:resolved(#โ33662)vite-node(#โ33663)๐ Refactors
๐ Documentation
pendingas alias ofstatus === 'pending'(#โ33221)cookieStoreistrueby default (#โ33572)useHead/useHydration/useLazy*(#โ33626)๐ก Chore
verifyDepsBeforeRun: install(#โ33603)๐ค CI
โค๏ธ Contributors
v4.2.0Compare Source
๐ Highlights
We're excited to announce Nuxt 4.2, bringing new capabilities for better TypeScript DX, enhanced error handling, and improved control over data fetching! ๐
๐ฏ Abort Control for Data Fetching
You can now use
AbortControllersignals directly withinuseAsyncData, giving you fine-grained control over request cancellation (#โ32531).This works by passing an internal signal to your
useAsyncDatahandlerto cancel any promise that can be canceled, such as$fetch.You also pass an
AbortControllersignal directly torefresh/execute, giving you fine-grained control over request cancellation. This is particularly useful when you need to abort requests based on user actions or component lifecycle events.๐จ Better Error Pages in Development
When an error occurs during development, Nuxt will now display both your custom error page and a detailed technical error overlay (#โ33359). This gives you the best of both worlds โ you can see what your users will experience while also having immediate access to stack traces and debugging information.
The technical overlay appears as a toggleable panel that doesn't interfere with your custom error page, making it easier to debug issues while maintaining a realistic preview of your error handling.
๐ฎ Opt-in Vite Environment API
For those wanting to experiment with cutting-edge features, you can now opt into the Vite Environment API (#โ33492).
The Vite Environment API is a major architectural improvement in Vite 6. It closes the gap between development and production by allowing the Vite dev server to handle multiple environments concurrently (rather than requiring multiple Vite dev servers, as we have done previously in Nuxt).
This should improve performance when developing and eliminate some edge case bugs.
... and it is the foundation for implementing Nitro as a Vite environment, which should speed up the dev server still further, as well as allowing more greater alignment in development with your Nitro preset.
This is also the first breaking change for Nuxt v5. You can opt in to these breaking changes by setting
compatibilityVersionto5:Please only use this for testing, as this opts in to unlimited future breaking changes, including updating to Nitro v3 once we ship the Nuxt integration.
๐ฆ New
@nuxt/nitro-serverPackageWe've extracted Nitro server integration into its own package:
@nuxt/nitro-server([#โ33462](https://redirect.github.com/nuxt/nuxt/puConfiguration
๐ Schedule: (UTC)
๐ฆ Automerge: Disabled by config. Please merge this manually once you are satisfied.
โป Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
๐ Ignore: Close this PR and you won't be reminded about these updates again.
This PR was generated by Mend Renovate. View the repository job log.