Release notes from nuxt

v4.4.2

2026-03-12T11:58:04Z

v4.4.2

v4.4.1

2026-03-12T11:43:21Z

v4.4.1

v4.4.0/v4.4.2

2026-03-12T14:27:48Z

4.4.0/4.4.2 is the next minor release (v4.4.2 was published with no changes due to a publishing failure)

👀 Highlights

🏭 `createUseFetch` and `createUseAsyncData`

You can now create custom instances of useFetch and useAsyncData with your own default options (#32300).

// composables/api.ts

// Simple defaults
export const useClientFetch = createUseFetch({
  server: false,
})

// Dynamic defaults with full control over merging
export const useApiFetch = createUseFetch((currentOptions) => {
  const runtimeConfig = useRuntimeConfig()

  return {
    ...currentOptions,
    baseURL: currentOptions.baseURL ?? runtimeConfig.public.baseApiUrl,
  }
})

Then use them exactly like useFetch – they're fully typed and support all the same options:

<!-- pages/dashboard.vue -->
<script setup lang="ts">
// Uses your baseURL from runtimeConfig automatically
const { data: users } = await useApiFetch('/users')
</script>

When you pass a plain object, your usage options automatically override the defaults. When you pass a function, you get full control over how options are merged – which means you can compose interceptors, headers, and other complex options however you need.

Under the hood, this is powered by a new Nuxt ad-hoc module that scans your composables directory and automatically registers your custom instances for key injection – so they work seamlessly with SSR, just like useAsyncData and useFetch.

There's also createUseAsyncData for the same pattern with useAsyncData.

📖 Read more: createUseAsyncData

🗺️ Vue Router v5

We've upgraded to vue-router v5 (#34181), which removes the dependency on unplugin-vue-router. This is the first major vue-router upgrade since Nuxt 3, and it comes with a bunch of improvements under the hood.

For most apps, this should be a transparent upgrade. If you're using unplugin-vue-router directly, you can remove it from your dependencies.

The next step will be taking typed routes out of experimental status. 👀

💪 Typed Layout Props in `definePageMeta`

You can now pass props to your layouts directly from definePageMeta (#34262). This means your layouts can be parameterised per-page without needing to use provide/inject or other workarounds. Check out the updated docs for the full details.

// pages/dashboard.vue
definePageMeta({
  layout: {
    name: 'panel',
    props: {
      sidebar: true,
      title: 'Dashboard',
    },
  },
})

Even better – the props are fully typed (#34409). If your layout defines props, you'll get autocomplete and type-checking in definePageMeta.

<!-- layouts/panel.vue -->
<script setup lang="ts">
defineProps<{
  sidebar?: boolean
  title?: string
}>()
</script>

📖 Read more: Layouts

🗣️ `useAnnouncer` Composable

Accessibility got a major boost with the new useAnnouncer composable and <NuxtAnnouncer> component (#34318). While useRouteAnnouncer handles page navigation for screen readers, many apps need to announce dynamic in-page changes – form submissions, loading states, search results, and more.

<!-- app.vue -->
<template>
  <NuxtAnnouncer />
  <NuxtRouteAnnouncer />
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

<!-- components/ContactForm.vue -->
<script setup lang="ts">
const { polite, assertive } = useAnnouncer()

async function submitForm() {
  try {
    await $fetch('/api/contact', { method: 'POST', body: formData })
    polite('Message sent successfully')
  }
  catch (error) {
    assertive('Error: Failed to send message')
  }
}
</script>

Note: This is part of our accessibility roadmap. You don't need to use it everywhere – for many interactions, moving focus to new content or using native form validation is sufficient. useAnnouncer is most useful when content changes dynamically without a corresponding focus change.

📖 Read more: useAnnouncer

🚀 Migrate to `unrouting`

We've migrated Nuxt's file-system route generation to unrouting (#34316), which uses a trie data structure for constructing routes. The cold start is roughly the same (~8ms vs ~6ms for large apps), but dev server changes are up to 28x faster when you're not adding/removing pages, and ~15% faster even when you are.

This also makes route generation more deterministic – it's no longer sensitive to page file ordering.

🍫 Smarter Payload Handling for Cached Routes

When a cached route (ISR/SWR) is rendered at runtime with payload extraction enabled, the browser immediately fetches _payload.json as a second request – which triggers a full SSR re-render of the same page. In serverless environments, this can spin up a second lambda before the first response has even finished streaming.

This release addresses this with two changes (#34410):

A new payloadExtraction: 'client' mode that inlines the full payload in the initial HTML response while still generating _payload.json for client-side navigation
A runtime in-memory LRU payload cache so that _payload.json requests can be served without a full re-render

// nuxt.config.ts
export default defineNuxtConfig({
  experimental: {
    payloadExtraction: 'client',
  },
})

Note: payloadExtraction: 'client' will become the default with compatibilityVersion: 5. The runtime cache is active for all users.

📖 Read more: Experimental payloadExtraction

🍪 `refresh` Option for `useCookie`

If you're using cookies for session management, you've probably run into the problem of needing to extend a cookie's expiration without changing its value. The new refresh option makes this simple (#33814):

const session = useCookie('session-id', {
  maxAge: 60 * 60,
  refresh: true,
})

// Extends expiration each time, even with the same value
session.value = session.value

📖 Read more: useCookie

♻️ `useState` Reset to Default

useState and clearNuxtState now support resetting to the initial value instead of clearing to undefined (#33527). This aligns with how useAsyncData handles resets and is more intuitive for state management.

const count = useState('counter', () => 0)
count.value = 42

// Resets to 0 (the init value), not undefined
clearNuxtState('counter')

📖 Read more: clearNuxtState

🕵️‍♂️ Better Import Protection

Inspired by features in TanStack Start, import protection now shows suggestions and a full trace of where a problematic import originated (#34454). This makes it much easier to debug why a server-only import ended up in your client bundle.

For example, if you accidentally import from a server route in a component:

The trace shows the import chain (the component was imported from a page), the exact line of code, and actionable suggestions for how to fix it.

We plan to continue work on improving our error messages. 🪵

🔮 View Transitions Types

You can now define view transition types in Nuxt's experimental view transitions support (#31982). This lets you use different transition styles for different navigation patterns (forwards vs. backwards, tabs vs. pages, etc.).

📖 Read more: View Transitions API

💡 Improved `optimizeDeps` Hints

When Vite discovers new dependencies at runtime and triggers page reloads, Nuxt now shows a clear, copy-pasteable nuxt.config.ts snippet to pre-bundle them (#34320). It also warns about unresolvable entries at startup.

🏷️ Normalised Page Component Names (Experimental)

A new experimental option normalises page component names to match route names (#33513), which can help with consistency in devtools and debugging.

// nuxt.config.ts
export default defineNuxtConfig({
  experimental: {
    normalizeComponentNames: true,
  },
})

📖 Read more: normalizeComponentNames

⚡ Build Profiling

Ever wondered where your build time goes? You can now get a detailed performance breakdown of your Nuxt builds (#34468, nuxt/cli#1243):

nuxt build --profile

This produces a report showing duration, RSS delta, and heap delta for every build phase, module, and bundler plugin:

It also profiles individual modules and bundler plugins, making it easy to spot bottlenecks. Three output formats are written:

Chrome Trace (.nuxt/perf-trace.json) – open in chrome://tracing or Perfetto for a visual timeline
JSON report (.nuxt/perf-report.json) – machine-readable data for tracking over time
CPU profile (nuxt-build.cpuprofile) – open in Chrome DevTools or VS Code for flame graphs

For even more detail, use --profile=verbose to print timing breakdowns to the console.

📖 Read more: nuxt build

We'll be using this feature to make Nuxt even faster – and if performance is something you care about, this might be a good opportunity to contribute!

🔥 Performance Improvements

14,000x faster module ID parsing – replaced new URL() + regex chain with a single indexOf + slice (#34451)
Disabled NuxtLink visibility prefetching in dev – stops Vite from discovering and reloading deps unnecessarily during development (#34325)

✅ Upgrading

Our recommendation for upgrading is to run:

npx nuxt upgrade --dedupe

This will deduplicate your lockfile and help ensure you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

Tip: Check out our upgrade guide if upgrading from an older version.

👉 Changelog

compare changes

🚀 Enhancements

nuxt: Migrate to unrouting for nuxt file system -> route generation (#34316)
nuxt: Allow setting layout props in definePageMeta (#34262)
nuxt: Upgrade to vue-router v5 (#34181)
nuxt: Add useAnnouncer composable and <NuxtAnnouncer> component (#34318)
nuxt: Add reset to default functionality for useState and clearNuxtState (#33527)
nuxt,schema: Experimentally normalise page component names to match route (#33513)
nuxt: Add refresh option to useCookie (#33814)
nuxt: Export page composables from #app/composables/pages (#33453)
vite: Improved optimizeDeps hints (#34320)
nuxt: Add View Transitions Types support (#31982)
nuxt: Typed props for layout property in definePageMeta (#34409)
deps: Upgrade hookable to v6 (#33905)
deps: Update to std-env v4 (#34457)
nitro,nuxt: Add suggestions + trace to import protection (#34454)
kit,nitro,nuxt,schema,vite: Add build profiling (#34468)
nuxt,kit,schema: Add a factory function for useFetch and useAsyncData (#32300)

🔥 Performance

nuxt: Disable NuxtLink visibility prefetching in dev mode (#34325)
nuxt,vite,webpack: Use string parsing for module ids (#34451)
nitro,schema: Inline payload in HTML for cached routes + add payloadExtraction: 'client' (#34410)

🩹 Fixes

schema: Do not bundle types (#34300)
nuxt: Always inject explicit prerender routes into prerender queue (#34311)
vite: Resolve package CSS paths in dev manifest (#34303)
nuxt: Wait for layout transition to finish before scrolling to top (#34206)
kit: Prevent duplicate moduleDependencies options (#34330)
nuxt: Retain promise methods after destructuring (#34319)
nitro: Encode forward slashes in payload (#34375)
nuxt: Do not cache _payload.json in dev mode (#34365)
nuxt: Accept refs as inputs in NuxtLink.useLink (#34380)
vite: Add nitro dev handler after vite proxy middleware (#34349)
nuxt: Hydrate prerendered pages with initial route + replace after hydration (#34211)
nitro: Escape strings rendered within js payload script tags (d52a4fdd7)
vite: Recreate ViteNodeServer after config restart (#34396)
nitro: Allow navigation from error page to external protocols (#34405)
nitro,nuxt,schema: Don't extract payloads w/ ssr: false (#34327)
nuxt: Replace destr with JSON.parse in cookie encode/decode (#34452)
vite: Normalise development ssr app stacktrace (#33989)
vite: Update ssr styles plugin for rolldown compatibility (#34435)
nuxt: Script block extract regex conflict (#34412)
vite: Move rollup-plugin-visualizer to optional peer dep (#34458)
nuxt: Restore island head entries from payload during hydration (#34491)
kit: Share asyncNuxtStorage across kit instances (#34492)
nuxt: Close BroadcastChannel and add error handling in refreshCookie (#34508)
nuxt: Check file freshness before truncating in cache restore (#34509)
nuxt: Never preload manifest (#34511)
nitro: Validate island handler context (#34510)
nuxt: Pass deleteCount to splice in preloadRouteComponents (#34514)
nuxt: Fix cookie expiration timeout for long-lived cookies (#34513)
nuxt: Handle rejected promise in view transition abort (#34515)

💅 Refactors

nuxt: Nullish coalesce instead of non-null assertions (#34331)
nitro,vite: Set ssr export conditions + vue feature flags within nitro builder (#34379)
nitro,nuxt: Add /h3 subpath export for forward-compat (#34383)
nuxt: Use JSON.parse instead of destr (#34037)
vite: Use vite's transformWithEsbuild for analysis (#34447)
nitro,vite: Use babel for experimental decorator support (#34465)
webpack: Remove unused event.context.webpack code (#34502)

📖 Documentation

Update instructions for typedPages with public hoist pattern (#34285)
Add alternative editor LSP setup guidance (#34322)
Improve <NuxtImg> fetch priority example (#34341)
Update Cloudflare dashboard path (#34372)
Clarify --preset option in nuxt build command (#34335)
Add shared/ directory to Nuxt 4 upgrade guide (#34391)
Update link redirects + reduce checking flakiness (01aa49659)
Add import for fileURLToPath in example code (#34401)
Capitalise title (#34395)
Update testing guide to test-utils v4 (#34408)
Add pending back for useFetch + useLazyFetch docs (#34449)
Correct md heading level (#34467)
Fix twoslash code examples (#34469)
Remove duplicated word (5a22feaec)
Add typed layout props docs (#34507)

🏡 Chore

Prevent layout shift on banner image readme (#34309)
Use npmx links 💖 (#34340)
Use nuxt/.github pr template (5502ccd7b)
Update link for nuxt ossf badge (#34406)
Remove unnecessary workspace resolutions (#34453)
Migrate npm badges and links to npmx.dev (71eb13c21)
Publish 4.x releases to 4x and latest tags (1bc9bfd10)
Enforce consistent return-await usage (#34490)
vite: Optional chaining for nitroApp.hooks (24a12c810)
kit: Cast nitroConfig to any (cc380ba3b)
Expand engines.node following #34458 (#34458)
Update installed-check and engines.node (0c5869c2d)
Lint (31028d2e0)

✅ Tests

Add page path gen benchmark (#34315)
Add dev server benchmark for page route generation (#34323)
Skip bundle tests when running in stubbed mode (#34450)
Remove curly braces from inlined css expectations (c9ab2747f)
Update bundle size (f8e243a57)
Update bundle size (102f7ffe1)
Update bundle size (dcebd1800)

🤖 CI

Optimise ci workflows (#34274)
Run benchmarks on pushes to main (6abf31062)
Avoid checkout in issue-needs-reproduction (7849b34c8)
Merge all issue labelled workflows (fdd30349a)
Fail fast on matrices for merge groups (1008d3afd)
More perf optimisations for merge queues (297e4e526)
Move build step after runtime/unit tests (#34388)
Update default branches (ba251c697)
Bump matrix timeout (9026c16c8)
Give issues: write permission to needs-reproduction workflow (ba3412b49)
Include v5 prefix in skip-changelog filter (dbc1a8666)
Don't run actions against release PRs (961589297)
Run ci on push to 4.x/3.x (9240729e8)
Only run provenance check on PRs (5ba227449)

❤️ Contributors

Daniel Roe (@danielroe)
Ori (@oritwoen)
Yoshihiro Yamaguchi (@yamachi4416)
Logan (@iml885203)
Shiminori (@noriyuki-shimizu)
Unai Mengual (@owlnai)
Zoolpex (@Zoolpex)
Harlan Wilton (@harlan-zw)
Julien Huang (@huang-julien)
山吹色御守 (@KazariEX)
Max (@onmax)
Alex Korytskyi (@alex-key)
abeer0 (@iiio2)
Johannes Przymusinski (@cngJo)
Adam Patterson (@adampatterson)
Florian Heuberger (@Flo0806)
Lorenzo Fiamingo (@lorenzofiamingo)
Vida Xie (@9romise)
Ihor (@riabinkovihor)
Harm Zeinstra (@Harm-Nullix)
Roli Bosch (@roli-lpci)
Fabian Kirchhoff (@fabkho)
Eduardo San Martin Morote (@posva)
Henry (@lllomh)
Davin`GM (@DavinGM)
Alexander Lichter (@TheAlexLichter)
Paul Melero (@paulmelero)
dependabot[bot] (@dependabot[bot])
Martin Arce (@divagueame)
edison (@edison1105)
Bobbie Goede (@BobbieGoede)
Nemanja Malesija (@nemanjamalesija)
Damian Głowala (@DamianGlowala)
David Nahodyl (@Smef)
Benjamin Canac (@benjamincanac)

v3.21.2

2026-03-12T11:26:37Z

v3.21.2

v4.3.1

2026-02-07T16:56:17Z

4.3.1 is a regularly scheduled patch release.

👉 Changelog

compare changes

🩹 Fixes

nuxt: Correct reference format of server builder (#34177)
nuxt: Add status/statusText getters to NuxtError (#34188)
nuxt: Don't inject shared types for differing auto-imports (#34191)
schema: Add direnv and vendor to default ignore (#34190)
nuxt: Focus hash links after navigation (#34193)
nuxt: Exclude head runtime from unhead imports transform (#34195)
kit: Include prereleases in semver satisfy check (#34210)
nitro: Encode unicode paths in x-nitro-prerender header (#34202)
nuxt: Watch server/ for builder:watch hook (#34208)
nitro: Preserve error.message for fatal errors (#34226)
Only enable dynamic imports when ts plugin (#34205)
webpack: Use H3Error for 403 in dev server (#34233)
nuxt: Ensure NuxtError extends Error type (#34242)
vite: Use H3Error for 404 in dev server (#34225)
nuxt: Add backwards compat for #app barrel export in keyed functions (#34199)
nuxt: Track + re-add custom routes on hmr (#32044)
nuxt: Keep vnode when leaving deeper nested route (#33778)
vite: Prevent CSS flickering in dev mode after config changes (#33856)
nuxt: Do not start view transition if there is no route (#33723)
nuxt: Call deferHydration done on NuxtPage unmount (#34152)
nuxt: Handle invalid datetime in ` (#33992)
nuxt: Preserve middleware error status in 404 fallback (#34148)
nitro: Do not augment nuxt/schema (#34255)
nuxt: Cache manifest files to preserve buildId (#34002)
nuxt: Don't decode query string in SSR context URL (#34252)
nuxt: Allow specifying moduleDependencies by meta.name (#34263)
nuxt: Resolve #components import mapping conflict for packages outside rootDir (#34139)
vite,webpack: Use node.res to send 403/404 (#34266)
nitro,nuxt: Align path encoding with vue-router (#34265)
nitro: Augment nuxt/schema once more (552bbd8d1)

💅 Refactors

nuxt: Prefer genObjectKey to omit unnecessary quotes (#34245)
nuxt: Use ComponentProps helper to extract layout props (#34248)

📖 Documentation

Update roadmap dates (#34166)
Correct default value of nitroAutoImports (#34182)
Clarify shared type context limitations for custom imports (#34194)
Fix broken links (#34223)
Document payload extraction for ISR/SWR routes (#34222)
Update default aliases in configuration reference (#34237)
Update example of email validation (#34247)
Align server alias examples with #server and rootDir (#34259)
Add documentation for keyedComposables (#34201)

🏡 Chore

Remove px from width attribute (8d1cbb27a)
Add ai config in gitignore (#34220)

✅ Tests

Vitest v4 compatibility (825b2c202)
Add runtime tests for deeply nested <NuxtPage> navigation (048efc030)

❤️ Contributors

Daniel Roe (@danielroe)
Matej Černý (@cernymatej)
Octavio Araiza (@8ctavio)
Muhammad Yasir Ghaffar (@M-YasirGhaffar)
mrkaashee (@mrkaashee)
Max (@onmax)
Bobbie Goede (@BobbieGoede)
纸鹿/Zhilu (@L33Z22L11)
Florian Heuberger (@Flo0806)
山吹色御守 (@KazariEX)
ExXTreMe315 (@ExXTreMe315)
Eugene (@FlexIDK)
abeer0 (@iiio2)
Jonas Thelemann (@dargmuesli)
Erwan Jugand (@erwanjugand)

v3.21.1

2026-02-07T16:55:47Z

3.21.1 is a regularly schedule patch release.

👉 Changelog

compare changes

🩹 Fixes

nuxt: Correct reference format of server builder (#34177)
nuxt: Add status/statusText getters to NuxtError (#34188)
schema: Add direnv and vendor to default ignore (#34190)
nuxt: Focus hash links after navigation (#34193)
nuxt: Exclude head runtime from unhead imports transform (#34195)
kit: Include prereleases in semver satisfy check (#34210)
nuxt: Watch server/ for builder:watch hook (#34208)
nitro: Encode unicode paths in x-nitro-prerender header (#34202)
nitro: Preserve error.message for fatal errors (#34226)
Only enable dynamic imports when ts plugin (#34205)
webpack: Use H3Error for 403 in dev server (#34233)
nuxt: Ensure NuxtError extends Error type (#34242)
vite: Use H3Error for 404 in dev server (#34225)
nuxt: Add backwards compat for #app barrel export in keyed functions (#34199)
nuxt: Track + re-add custom routes on hmr (#32044)
nuxt: Keep vnode when leaving deeper nested route (#33778)
vite: Prevent CSS flickering in dev mode after config changes (#33856)
nuxt: Do not start view transition if there is no route (#33723)
nuxt: Call deferHydration done on NuxtPage unmount (#34152)
nuxt: Handle invalid datetime in ` (#33992)
nuxt: Preserve middleware error status in 404 fallback (#34148)
nitro: Do not augment nuxt/schema (#34255)
nuxt: Cache manifest files to preserve buildId (#34002)
nuxt: Don't decode query string in SSR context URL (#34252)
nuxt: Allow specifying moduleDependencies by meta.name (#34263)
nuxt: Resolve #components import mapping conflict for packages outside rootDir (#34139)
vite,webpack: Use node.res to send 403/404 (#34266)
nitro,nuxt: Align path encoding with vue-router (#34265)
nitro: Augment nuxt/schema once more (9f5bb611d)

💅 Refactors

nuxt: Prefer genObjectKey to omit unnecessary quotes (#34245)
nuxt: Use ComponentProps helper to extract layout props (#34248)

📖 Documentation

Remove link to ai guide entirely (084b5d7f2)
Update roadmap dates (#34166)
Clarify shared type context limitations for custom imports (#34194)
Fix broken links (#34223)
Document payload extraction for ISR/SWR routes (#34222)
Update example of email validation (#34247)
Add documentation for keyedComposables (#34201)

🏡 Chore

Remove px from width attribute (e80147f7d)
Add ai config in gitignore (#34220)

✅ Tests

Vitest v4 compatibility (70e147b71)
Add runtime tests for deeply nested <NuxtPage> navigation (707a9dc44)
Resolve merge issues in tests (85abddc54)

❤️ Contributors

Daniel Roe (@danielroe)
Matej Černý (@cernymatej)
Octavio Araiza (@8ctavio)
Muhammad Yasir Ghaffar (@M-YasirGhaffar)
Max (@onmax)
Bobbie Goede (@BobbieGoede)
纸鹿/Zhilu (@L33Z22L11)
Florian Heuberger (@Flo0806)
山吹色御守 (@KazariEX)
ExXTreMe315 (@ExXTreMe315)
Eugene (@FlexIDK)
abeer0 (@iiio2)
Jonas Thelemann (@dargmuesli)
Erwan Jugand (@erwanjugand)

v4.3.0

2026-01-23T09:16:50Z

4.3.0 is the next minor release.

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.

Tip

As usual, today also brings a minor release for v3, with many of the same improvements backported from v4.3.

Preparing for Nuxt 5

We're closer than ever to the releases of Nuxt v5 and Nitro v3. In the coming weeks, the main branch of the Nuxt repository will begin receiving initial commits for Nuxt 5. However, it's still business as usual.

Continue making pull requests to the main branch
We'll backport changes to the 4.x and 3.x branches

Keep 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 appLayout property (#31092). This provides a centralized, declarative way to manage layouts across your application without scattering definePageMeta calls throughout your pages.

export default defineNuxtConfig({
  routeRules: {
    '/admin/**': { appLayout: 'admin' },
    '/dashboard/**': { appLayout: 'dashboard' },
    '/auth/**': { appLayout: 'minimal' }
  }
})

This might be useful for:

Admin panels with a shared layout across many routes
Marketing pages that need a different layout from the app

Tip

Plus, you can pass props to layouts now! See the setPageLayout improvements below.

📦 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.json files.

This means:

Client-side navigation to ISR/SWR pages can use cached payloads
CDNs (Vercel, Netlify, Cloudflare) can cache payload files alongside HTML
Fewer API calls during navigation – data can be prefetched and served from the cached payload

export default defineNuxtConfig({
  routeRules: {
    '/products/**': { 
      isr: 3600, // Revalidate every hour
    }
  }
})

🧹 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.

Important

Payload extraction works in dev mode with nitro.static set to true, or for individual pages which have isr, swr, prerender or cache route rules.

🚫 Disable Modules from Layers

When extending Nuxt layers, you can now disable specific modules that you don't need (#33883). Just pass false to the module's options:

export default defineNuxtConfig({
  extends: ['../shared-layer'],
  // disable @nuxt/image from layer
  image: false,
})

🏷️ 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.

<script setup lang="ts">
// This page's meta will include: { groups: ['protected'] }
useRoute().meta.groups
</script>

export default defineNuxtRouteMiddleware((to) => {
  if (to.meta.groups?.includes('protected') && !isAuthenticated()) {
    return navigateTo('/login')
  }
})

This provides a clean, convention-based approach to route-level authorization without needing to add definePageMeta to every protected page.

🎨 Layout Props with `setPageLayout`

The setPageLayout composable now accepts a second parameter to pass props to your layout (#33805):

export default defineNuxtRouteMiddleware((to) => {
  setPageLayout('admin', {
    sidebar: true,
    theme: 'dark'
  })
})

<script setup lang="ts">
defineProps<{
  sidebar?: boolean
  theme?: 'light' | 'dark'
}>()
</script>

🔧 `#server` Alias

A new #server alias provides clean imports within your server directory (#33870), similar to how #shared works:

// Before: relative path hell
import { helper } from '../../../../utils/helper'

// After: clean and predictable
import { helper } from '#server/utils/helper'

The alias includes import protection – you can't accidentally import #server code 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:

Drag it to any corner of the screen (it snaps to edges)
Minimize it to a small pill button when you want to keep working
Your position and minimized state persist across page reloads

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):

export default defineNuxtModule({
  async setup() {
    // Lazy load only when actually needed
    addVitePlugin(() => import('my-cool-plugin').then(r => r.default()))
    
    // No need to load webpack plugin if using Vite
    addWebpackPlugin(() => import('my-cool-plugin/webpack').then(r => r.default()))
  }
})

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:

Hook filters - Internal plugins now use filters to avoid running hooks unnecessarily (#33898)
SSR styles optimization - The nuxt:ssr-styles plugin is now significantly faster (#33862, #33865)
Layer alias transform - Skipped when using Vite (it handles this natively) (#33864)
Route rules compilation - Route rules are now compiled into a client chunk using rou3, removing the need for radix3 in the client bundle and eliminating app manifest fetches (#33920)

🎨 Inline Styles for Webpack/Rspack

The inlineStyles feature 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.

⚠️ Deprecations

`statusCode` → `status`, `statusMessage` → `statusText`

In 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:

- throw createError({ statusCode: 404, statusMessage: 'Not Found' })
+ throw createError({ status: 404, statusText: 'Not Found' })

🐛 Bug Fixes

Notable fixes in this release:

Fixed head component deduplication using key attribute (#33958, #33963)
Fixed async data properties not being reactive in Options API (#34119)
Fixed useCookie unsafe number parsing during decode (#34007)
Fixed NuxtPage not re-rendering when nested NuxtLayout has layouts disabled (#34078)
Fixed client-side pathname decoding for non-ASCII route aliases (#34043)
Fixed suspense remounting when navigating after pending state (#33991)
Fixed clipboard copy in error overlay (#33873)
Enabled allowArbitraryExtensions by default in TypeScript config (#34084)
Added noUncheckedIndexedAccess to server tsconfig for safer typing (#33985)

Important

Enabling noUncheckedIndexedAccess in the Nitro server TypeScript config improves type safety but may surface new type errors in your server code. This change was necessary because Nuxt's app context performs type checks on server routes (learn more).

While we recommend keeping this enabled for better type safety, you can disable it if needed:

export default defineNuxtConfig({
  nitro: {
    typescript: {
      tsConfig: {
        compilerOptions: {
          noUncheckedIndexedAccess: false
        }
      }
    }
  }
})

Note that disabling this may allow type errors to slip through that could cause runtime issues with indexed access.

📚 Documentation

Improved module author guides with clearer structure (#33803)
Added MCP setup instructions for Claude Desktop (#33914)
Added layers directory documentation (#33967)
Added Deno package manager examples (#34070)
Clarified type-checking context limitations for server routes (#33964)

🎉 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:

All the same features: Route rule layouts, ISR payload extraction, layout props with setPageLayout, #server alias, draggable error overlay, and more
All performance improvements: SSR styles optimization, hook filters, and route rules compilation
Module disabling: Disable layer modules by setting options to false
Critical bug fixes: Async data reactivity in Options API, useCookie number 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=v3

This will deduplicate your lockfile and help ensure you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

Tip

Check out our upgrade guide if upgrading from an older version.

👉 Changelog

compare changes

🚀 Enhancements

kit: Support async constructor for adding plugins (#33619)
kit: Export Nuxt major version type (#33700)
schema: Add #server alias for server directory imports (#33870)
ui-templates: Let it snow! ❄️ (#33804)
schema: Hoist nitro crossws types (5b16a51f5)
nitro,nuxt: Compile route rules into client chunk (#33920)
nuxt: Allow disabling modules by setting module options to false (#33883)
kit: Allow specifying moduleDependencies as an async function (#33504)
nuxt: Support appLayout in route rules (#31092)
nuxt: Add route groups to page meta (#33460)
nuxt: Enable payload extraction for ISR/SWR routes (#33467)
nuxt: Allow updating props with setPageLayout (#33805)
nuxt: Enable dragging and minimizing for error overlay (#33695)
nitro,nuxt: Add support for payload extraction in dev (#30784)
rspack,webpack: Add inline styles (#33966)
kit: Add forward-compatible nitro types (#34036)

🔥 Performance

nuxt: Do not init layer alias transform when using vite (#33864)
vite: Add hook filters for ssr styles plugin (#33865)
vite: Optimize nuxt:ssr-styles plugin (#33862)
nuxt: Use filter for vfs plugin load (eb3d2d4c6)
nuxt,vite: Use filters to avoid running hooks unnecessarily (6b7fc7477)
nuxt,vite: Add more filters to internal plugins (#33898)

🩹 Fixes

kit: Normalize local layer paths with trailing slashes (#33858)
nuxt: Avoid overwriting multiple head input in island handler (#33849)
nuxt: Update meta instead of calling router.replace in page hmr (#33897)
nuxt: Don't call page:loading:end in cache if already called (7789f73bd)
vite: Add error handling for parsing NUXT_VITE_NODE_OPTIONS (41a564d23)
nuxt: Do not skip middleware when appMiddleware references invalid key (323f27bc8)
nitro: Clipboard copy in error overlay (#33873)
webpack,rspack: Resolve deep imports in virtual files (#33927)
webpack: Disable async chunks in dev mode (0310c4070)
webpack: Correctly evaluate sourcemap name (653f364af)
nuxt: Handle node10 resolution for nuxt/meta (01c2c9b13)
nuxt: Do not early return if component priorities conflict (#33955)
nuxt: Use key for tag deduplication in <Head> component (#33958)
schema,vite: Resolve build.transpile when initialising vite (#33868)
nuxt,rspack,webpack: Inject module identifiers for webpack builders (#33962)
nuxt: Add key to head components for proper deduplication (#33963)
nitro: Check prettyResponse.body type before error overlay (#33977)
nuxt: Don't URI-encode static route paths (#33990)
nuxt: Skip internal stub routes from prerender (#34001)
kit,schema: Align module onUpgrade arguments with types (#33988)
nuxt: Handle unsafe number parsing in useCookie decode (#34007)
nuxt: Do not externalise rou3 (2df4e1ae3)
nitro: Add noUncheckedIndexedAccess to server tsconfig (#33985)
nuxt: Add auto-import declarations for shared/ context (#33978)
nuxt: Update global reference to globalThis in useRequestFetch (#33976)
vite: Configure hmr port for server build (#33929)
kit: Add forward compatible nitro v3 types (#34053)
nitro,nuxt: Do not import nitro deps in builders (#34054)
nitro: Add h3 types to auto-imports (#34035)
schema: Add some more directories to ignore (ebc2a66ab)
nitro: Also augment nuxt/schema (a6a044d81)
nuxt: Make asyncData properties reactive in Options API (#34119)
nuxt: Rerender NuxtPage when nested NuxtLayout has explicitly disabled layouts (#34078)
kit,nitro: Enable allowArbitraryExtensions by default (#34084)
nuxt: Decode client-side pathname for non-ASCII route aliases (#34043)
nuxt: Force remount suspense when navigating after pending (#33991)
nuxt: Add documentation link to server builder error message (#34122)
nuxt: Validate placeholder/fallback tags + warn about placeholder/fallback props (567a1c6fb)
nuxt: Force flush useAsyncData debounced execute post watcher flush (#34125)
nitro: Process isr/swr/cache keys (d84278622)
nuxt: Add typeFrom support for imports.d.ts template exports (#34135)
nuxt: Ensure we inline styles for hydrate-never components (#34132)

💅 Refactors

kit: Add explicit return types for kit utilities (6cd1289d1)
nitro,nuxt,schema,vite: Provide explicit return types (1d2c0c25f)
kit,nuxt,schema: Use named imports from defu + consola (322dae3e0)
Add explicit .ts file extensions to relative imports (80778c0cd)
kit,nitro,nuxt,schema: Reduce barrels + move <> to as (f1713850c)
nitro,nuxt: Use ~ prefix for internal ssrContext properties (#33896)
nitro: Add explicit return types for runtime utils (a4fda917e)
nitro: Move tree-shaken flags from replace plugin -> vfs (#33907)
nitro,nuxt,vite,webpack: Use status/statusText + deprecate old props (#33912)
webpack: Use RuntimeModule API for chunk preloads (#33930)
nuxt: Use AST-aware function key injection (#33446)
nitro,nuxt,schema: Use augments for nitro schema types (#34039)
nitro,rspack,vite,webpack: Move cors handling -> nitro builder (#34048)

📖 Documentation

Split and improve Module Author Guides (#33803)
Update links to module guide (86d67b24f)
Fix useHead return type (#33857)
Add note that middleware doesn't run when rendering islands (7df27c781)
Add note on default branch for layers (#33919)
Add mcp setup instructions for claude desktop (#33914)
Mention deno as package manager (#33875)
Clarify purpose of statusText (#32834)
Update lychee config and remove medium article link (c0b4e0f28)
Update module count and fix typo (#33950)
Add DeepWiki badge (#33508)
Give example of usage of defineWrappedResponseHandler (#33952)
Provide cleaner example code for vitest projects (#33960)
Improve addImports example (#34011)
Update yarn create command (4a3c08874)
Update roadmap with a11y (d3453d6a5)
Add a11y release (#34041)
Remove Nuxtr from recommendations (#34045)
Typo (#34050)
Remove duplicate feature (#34058)
Fix typo (#34057)
Provide deno package manager examples (#34070)
Update JSDoc for config.experimental properties (#34069)
Fix transition types (#34082)
Make custom wrapper recipe link more prominent (#34085)
Remove null from getCachedData trigger (f7cf3747e)
nuxt: Mention custom serializers in useState docs (#34105)
Add info about runtime directories + type checking (#34097)
Clarify module setups in .nuxtrc example (#34107)
Remove duplicate entries in table (#34094)
Clarify catch all notation for addServerHandler (#34060)
Add layers directory documentation (#33967)
Clarify type-checking context limitations for server routes (#33964)
Add a tip for appLayout (beda47955)
Add docs for disabling modules by passing false to its options (cdad9310c)
Add info about caching payloads with isr/swr (6e10ff04f)
Add example for async addVitePlugin (1098254f7)
Add example of passing props to layouts (1f9e6b82c)
Mark vite plugin as not typed (5e09fddfb)
Add warning about source from <NuxtIsland> (1586bbb6e)

📦 Build

Remove babel debugging plugin from jiti stub options (bce8248b4)
vite: Add build entries for vite-node entrypoints (#33893)
nuxt: Tidy up subpath export types (a63d4a014)
Use obuild except for nuxt + nitro-server packages (#34049)
schema: Fix /builder-env subpath types (7f5034288)

🏡 Chore

Add return types to debug plugins (8f7554287)
Add build:stub command for those that need it (3e3d3d37a)
Revert change to how type augments are inserted (c1b3590ff)
Update eslint config rule (2717d8fd3)
Do not require aligned columns in tables (8d3c5b371)
Lint (f89d447a1)
Explicitly import node:process (#33982)
Add root scripts to lint context (e22089f82)
Tidy up configs (8b42d4c2b)
Lint docs with eslint (51da8e681)
Lint (1cfd3c460)

✅ Tests

Update tests for new version of nuxt/test-utils (#33842)
Avoid unnecessary tick (988f6657a)
Add regression test for asyncData HMR (#32182)
Add test for page hmr resetting state (#32418)
Add reproduction for vite pre-transform error (#31574)
Add regression test for #32154 (#32154)
Use vi.hoisted for klona mock (#34113)

🤖 CI

Directly call webhook url (ce15997ce)
Use new reusable triage workflows (#34072)
Use new shared dependency review workflow (8c01e1ce9)

❤️ Contributors

Florian Heuberger (@Flo0806)
Octavio Araiza (@8ctavio)
Daniel Roe (@danielroe)
Robin (@OrbisK)
shaheer-arbisoft (@shaheer-arbisoft)
Matej Černý (@cernymatej)
Francesco Mussoni (@solidusite)
Danila Poyarkov (@dannote)
Victor Saa (@vis97c)
Teages (@Teages)
Eli Sterken (@eli-sterk)
Ryota Watanabe (@wattanx)
Jakub Andrzejewski (@Baroshem)
edison (@edison1105)
Max (@onmax)
Aidan Hibbard (@aidanhibbard)
Rahul Dogra (@rahuld109)
Julien Huang (@huang-julien)
abeer0 (@iiio2)
James Robert Lund III (@lundjrl)
Philipp Wagner (@imphil)
Maxime Pauvert (@maximepvrt)
Wind (@productdevbook)
Agatem (@agatemosu)
Pavel (@eL1fe)
Alois Sečkár (@AloisSeckar)
Lucie (@lihbr)
Sergiu Ravliuc (@YoSoySergio)
Saeid Zareie (@Saeid-Za)
Alireza Jahandideh (@Youhan)
kikuchan (@kikuchan)
Ragura (@Ragura)
Josh Deltener (@hecktarzuli)
Teena (@franklin-tina)
Frederik Bußmann (@freb97)
Benjamin Oddou (@BenjaminOddou)
Mukund Shah (@mukundshah)
Jessé Correia Lins (@linspw)
Jannik Sohn (@janniksohn)
Dawit (@oneminch)
Ali Sokkar (@NyllRE)
Horu (@HigherOrderLogic)
Anthony Fu (@antfu)
Harlan Wilton (@harlan-zw)
Alexander Lichter (@TheAlexLichter)
Ryan Wilson (@rywils)
Hugo (@HugoRCD)
yamachi4416 (@yamachi4416)

v3.21.0

2026-01-23T09:17:15Z

3.21.0 is the next minor release.

Nuxt 4.3 and 3.21 bring 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.

Tip

As usual, today also brings a minor release for v3, with many of the same improvements backported from v4.3.

Preparing for Nuxt 5

Continue making pull requests to the main branch
We'll backport changes to the 4.x and 3.x branches

Keep 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!

export default defineNuxtConfig({
  routeRules: {
    '/admin/**': { appLayout: 'admin' },
    '/dashboard/**': { appLayout: 'dashboard' },
    '/auth/**': { appLayout: 'minimal' }
  }
})

This might be useful for:

Admin panels with a shared layout across many routes
Marketing pages that need a different layout from the app

Tip

Plus, you can pass props to layouts now! See the setPageLayout improvements below.

📦 ISR/SWR Payload Extraction

This means:

Client-side navigation to ISR/SWR pages can use cached payloads
CDNs (Vercel, Netlify, Cloudflare) can cache payload files alongside HTML
Fewer API calls during navigation – data can be prefetched and served from the cached payload

export default defineNuxtConfig({
  routeRules: {
    '/products/**': { 
      isr: 3600, // Revalidate every hour
    }
  }
})

🧹 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.

Important

Payload extraction works in dev mode with nitro.static set to true, or for individual pages which have isr, swr, prerender or cache route rules.

🚫 Disable Modules from Layers

When extending Nuxt layers, you can now disable specific modules that you don't need (#33883). Just pass false to the module's options:

export default defineNuxtConfig({
  extends: ['../shared-layer'],
  // disable @nuxt/image from layer
  image: false,
})

🏷️ Route Groups in Page Meta

<script setup lang="ts">
// This page's meta will include: { groups: ['protected'] }
useRoute().meta.groups
</script>

export default defineNuxtRouteMiddleware((to) => {
  if (to.meta.groups?.includes('protected') && !isAuthenticated()) {
    return navigateTo('/login')
  }
})

This provides a clean, convention-based approach to route-level authorization without needing to add definePageMeta to every protected page.

🎨 Layout Props with `setPageLayout`

The setPageLayout composable now accepts a second parameter to pass props to your layout (#33805):

export default defineNuxtRouteMiddleware((to) => {
  setPageLayout('admin', {
    sidebar: true,
    theme: 'dark'
  })
})

<script setup lang="ts">
defineProps<{
  sidebar?: boolean
  theme?: 'light' | 'dark'
}>()
</script>

🔧 `#server` Alias

A new #server alias provides clean imports within your server directory (#33870), similar to how #shared works:

// Before: relative path hell
import { helper } from '../../../../utils/helper'

// After: clean and predictable
import { helper } from '#server/utils/helper'

The alias includes import protection – you can't accidentally import #server code 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:

Drag it to any corner of the screen (it snaps to edges)
Minimize it to a small pill button when you want to keep working
Your position and minimized state persist across page reloads

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):

export default defineNuxtModule({
  async setup() {
    // Lazy load only when actually needed
    addVitePlugin(() => import('my-cool-plugin').then(r => r.default()))
    
    // No need to load webpack plugin if using Vite
    addWebpackPlugin(() => import('my-cool-plugin/webpack').then(r => r.default()))
  }
})

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:

Hook filters - Internal plugins now use filters to avoid running hooks unnecessarily (#33898)
SSR styles optimization - The nuxt:ssr-styles plugin is now significantly faster (#33862, #33865)
Layer alias transform - Skipped when using Vite (it handles this natively) (#33864)
Route rules compilation - Route rules are now compiled into a client chunk using rou3, removing the need for radix3 in the client bundle and eliminating app manifest fetches (#33920)

🎨 Inline Styles for Webpack/Rspack

The inlineStyles feature 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.

⚠️ Deprecations

`statusCode` → `status`, `statusMessage` → `statusText`

In 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:

- throw createError({ statusCode: 404, statusMessage: 'Not Found' })
+ throw createError({ status: 404, statusText: 'Not Found' })

🐛 Bug Fixes

Notable fixes in this release:

Fixed head component deduplication using key attribute (#33958, #33963)
Fixed async data properties not being reactive in Options API (#34119)
Fixed useCookie unsafe number parsing during decode (#34007)
Fixed NuxtPage not re-rendering when nested NuxtLayout has layouts disabled (#34078)
Fixed client-side pathname decoding for non-ASCII route aliases (#34043)
Fixed suspense remounting when navigating after pending state (#33991)
Fixed clipboard copy in error overlay (#33873)
Enabled allowArbitraryExtensions by default in TypeScript config (#34084)
Added noUncheckedIndexedAccess to server tsconfig for safer typing (#33985)

Important

While we recommend keeping this enabled for better type safety, you can disable it if needed:

export default defineNuxtConfig({
  nitro: {
    typescript: {
      tsConfig: {
        compilerOptions: {
          noUncheckedIndexedAccess: false
        }
      }
    }
  }
})

Note that disabling this may allow type errors to slip through that could cause runtime issues with indexed access.

📚 Documentation

Improved module author guides with clearer structure (#33803)
Added MCP setup instructions for Claude Desktop (#33914)
Added layers directory documentation (#33967)
Added Deno package manager examples (#34070)
Clarified type-checking context limitations for server routes (#33964)

🎉 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:

All the same features: Route rule layouts, ISR payload extraction, layout props with setPageLayout, #server alias, draggable error overlay, and more
All performance improvements: SSR styles optimization, hook filters, and route rules compilation
Module disabling: Disable layer modules by setting options to false
Critical bug fixes: Async data reactivity in Options API, useCookie number parsing, head component deduplication, and more

✅ Upgrading

Our recommendation for upgrading is to run:

npx nuxt@latest upgrade --dedupe --channel=v3

This will deduplicate your lockfile and help ensure you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

Tip

Check out our upgrade guide if upgrading from an older version.

👉 Changelog

compare changes

🚀 Enhancements

kit: Support async constructor for adding plugins (#33619)
kit: Export Nuxt major version type (#33700)
schema: Add #server alias for server directory imports (#33870)
schema: Hoist nitro crossws types (6ff79ea6c)
nitro,nuxt: Compile route rules into client chunk (#33920)
nuxt: Allow disabling modules by setting module options to false (#33883)
kit: Allow specifying moduleDependencies as an async function (#33504)
nuxt: Support appLayout in route rules (#31092)
nuxt: Add route groups to page meta (#33460)
nuxt: Enable payload extraction for ISR/SWR routes (#33467)
nuxt: Allow updating props with setPageLayout (#33805)
nuxt: Enable dragging and minimizing for error overlay (#33695)
nitro,nuxt: Add support for payload extraction in dev (#30784)
rspack,webpack: Add inline styles (#33966)
kit: Add forward-compatible nitro types (#34036)

🔥 Performance

nuxt: Do not init layer alias transform when using vite (#33864)
vite: Add hook filters for ssr styles plugin (#33865)
vite: Optimize nuxt:ssr-styles plugin (#33862)
nuxt: Use filter for vfs plugin load (5bd8e81ed)
nuxt,vite: Use filters to avoid running hooks unnecessarily (e762a1e20)
nuxt,vite: Add more filters to internal plugins (#33898)

🩹 Fixes

kit: Normalize local layer paths with trailing slashes (#33858)
nuxt: Avoid overwriting multiple head input in island handler (#33849)
nuxt: Update meta instead of calling router.replace in page hmr (#33897)
nuxt: Don't call page:loading:end in cache if already called (fbbe10133)
vite: Add error handling for parsing NUXT_VITE_NODE_OPTIONS (8abb7ef5b)
nuxt: Do not skip middleware when appMiddleware references invalid key (ed8bb68c5)
nitro: Clipboard copy in error overlay (#33873)
webpack,rspack: Resolve deep imports in virtual files (#33927)
webpack: Disable async chunks in dev mode (c4bfd0a49)
webpack: Correctly evaluate sourcemap name (93e3d92b9)
nuxt: Handle node10 resolution for nuxt/meta (b748840bc)
nuxt: Do not early return if component priorities conflict (#33955)
nuxt: Use key for tag deduplication in <Head> component (#33958)
schema,vite: Resolve build.transpile when initialising vite (#33868)
nuxt,rspack,webpack: Inject module identifiers for webpack builders (#33962)
nuxt: Add key to head components for proper deduplication (#33963)
nitro: Check prettyResponse.body type before error overlay (#33977)
nuxt: Don't URI-encode static route paths (#33990)
nuxt: Skip internal stub routes from prerender (#34001)
kit,schema: Align module onUpgrade arguments with types (#33988)
nuxt: Handle unsafe number parsing in useCookie decode (#34007)
nuxt: Do not externalise rou3 (7da94e8c3)
nitro: Add noUncheckedIndexedAccess to server tsconfig (#33985)
nuxt: Update global reference to globalThis in useRequestFetch (#33976)
vite: Configure hmr port for server build (#33929)
kit: Add forward compatible nitro v3 types (#34053)
nitro,nuxt: Do not import nitro deps in builders (#34054)
nitro: Add h3 types to auto-imports (#34035)
schema: Add some more directories to ignore (9cb9a19dd)
nitro: Also augment nuxt/schema (9b40196a6)
nuxt: Make asyncData properties reactive in Options API (#34119)
nuxt: Rerender NuxtPage when nested NuxtLayout has explicitly disabled layouts (#34078)
nuxt,schema: Clean up types (5ce351d0f)
nuxt: Allow user augmentation of runtime config (dd30410cb)
kit,nitro: Enable allowArbitraryExtensions by default (#34084)
nuxt: Decode client-side pathname for non-ASCII route aliases (#34043)
nuxt: Force remount suspense when navigating after pending (#33991)
nuxt: Add documentation link to server builder error message (#34122)
nuxt: Validate placeholder/fallback tags + warn about placeholder/fallback props (f7912d3f3)
nuxt: Force flush useAsyncData debounced execute post watcher flush (#34125)
nitro: Process isr/swr/cache keys (7f2bf4d13)
nuxt: Add typeFrom support for imports.d.ts template exports (#34135)
nuxt: Ensure we inline styles for hydrate-never components (#34132)

💅 Refactors

kit: Add explicit return types for kit utilities (ec2239cb4)
nitro,nuxt,schema,vite: Provide explicit return types (2564002de)
kit,nuxt,schema: Use named imports from defu + consola (e31668f67)
Add explicit .ts file extensions to relative imports (458f3c9b6)
kit,nitro,nuxt,schema: Reduce barrels + move <> to as (08f72881e)
nitro,nuxt: Use ~ prefix for internal ssrContext properties (#33896)
nitro: Add explicit return types for runtime utils (74bb6ddeb)
nitro: Move tree-shaken flags from replace plugin -> vfs (#33907)
nitro,nuxt,vite,webpack: Use status/statusText + deprecate old props (#33912)
webpack: Use RuntimeModule API for chunk preloads (#33930)
nuxt: Use AST-aware function key injection (#33446)
nitro,nuxt,schema: Use augments for nitro schema types (#34039)
nitro,rspack,vite,webpack: Move cors handling -> nitro builder (#34048)
nitro: Move to nitropack/runtime namespace (b06d53166)
nitro,nuxt: Move to nitropack/runtime namespace (897a2259f)

📖 Documentation

Fix useHead return type (#33857)
Add correct instructions to upgrade to latest Nuxt 3.x (#33866)
Improve grammar (#34093)
Use h2 for nuxt add command page (a0a1763d5)
Update links to module guide (c9c1282f8)
Split and improve Module Author Guides (#33803)
Split directory structure and re-order guides (v4) (#33691)
Add mcp server and llms.txt (#33371)
Add note that middleware doesn't run when rendering islands (d22cf7903)
Add note on default branch for layers (#33919)
Add mcp setup instructions for claude desktop (#33914)
Mention deno as package manager (#33875)
Clarify purpose of statusText (#32834)
Update lychee config and remove medium article link (36c19ce73)
Update module count and fix typo (#33950)
Add DeepWiki badge (#33508)
Give example of usage of defineWrappedResponseHandler (#33952)
Provide cleaner example code for vitest projects (#33960)
Update yarn create command (b30432979)
Update roadmap with a11y (7ea35137c)
Add a11y release (#34041)
Remove Nuxtr from recommendations (#34045)
Remove duplicate feature (#34058)
Provide deno package manager examples (#34070)
Make custom wrapper recipe link more prominent (#34085)
nuxt: Mention custom serializers in useState docs (#34105)
Clarify module setups in .nuxtrc example (#34107)
Add layers directory documentation (#33967)
Add a tip for appLayout (9b78698c3)
Add docs for disabling modules by passing false to its options (18500730c)
Add info about caching payloads with isr/swr (4b055548e)
Add example for async addVitePlugin (4407f6862)
Add example of passing props to layouts (401aa90ab)
Mark vite plugin as not typed (25eae7699)
Add warning about source from <NuxtIsland> (08778c98c)
Sync with main branch (e8c04aaa6)
Fix ai guide link (01c173b78)

📦 Build

Remove babel debugging plugin from jiti stub options (1ec010681)
vite: Add build entries for vite-node entrypoints (#33893)
nuxt: Tidy up subpath export types (fe92e9c17)
Use obuild except for nuxt + nitro-server packages (#34049)
schema: Fix /builder-env subpath types (1951648fa)

🏡 Chore

Add return types to debug plugins (1d4f9a3ae)
Add build:stub command for those that need it (c682b2681)
Revert change to how type augments are inserted (6a238b576)
Do not require aligned columns in tables (d8a90b3d5)
Update eslint config rule (d87ed519a)
Explicitly import node:process (#33982)
Add root scripts to lint context (ee83838b4)
Tidy up configs (ab131b464)
Add .nuxtrc with test-utils setup (b5879351f)
Add eslint ignore (87811234d)
Upgrade vite-node separately from vitest (8114e886f)
Lint docs with eslint (d2d5f6733)
Lint (b9df0e847)
Lint (0efcf01fa)

✅ Tests

Update tests for new version of nuxt/test-utils (#33842)
Avoid unnecessary tick (fb4720840)
Add regression test for asyncData HMR (#32182)
Add test for page hmr resetting state (#32418)
Add reproduction for vite pre-transform error (#31574)
Add regression test for #32154 (#32154)
Use vi.hoisted for klona mock (#34113)
Update bundle size (e6c8d10c6)
Fix paths in hmr test (3b8b2138a)
Update snapshots (51c83b8ec)
Update bundle size (22708c05c)

🤖 CI

Directly call webhook url (4eedbcae5)
Use new reusable triage workflows (#34072)
Use new shared dependency review workflow (9e6770f18)

❤️ Contributors

Daniel Roe (@danielroe)
Florian Heuberger (@Flo0806)
Octavio Araiza (@8ctavio)
Robin (@OrbisK)
shaheer-arbisoft (@shaheer-arbisoft)
Francesco Mussoni (@solidusite)
Danila Poyarkov (@dannote)
Teages (@Teages)
Anthony Fu (@antfu)
Eli Sterken (@eli-sterk)
Ryota Watanabe (@wattanx)
edison (@edison1105)
Max (@onmax)
Rahul Dogra (@rahuld109)
abeer0 (@iiio2)
Philipp Wagner (@imphil)
Maxime Pauvert (@maximepvrt)
Wind (@productdevbook)
Agatem (@agatemosu)
Pavel (@eL1fe)
Lucie (@lihbr)
Sergiu Ravliuc (@YoSoySergio)
Julien Huang (@huang-julien)
Saeid Zareie (@Saeid-Za)
Alireza Jahandideh (@Youhan)
kikuchan (@kikuchan)
Ragura (@Ragura)
Josh Deltener (@hecktarzuli)
Teena (@franklin-tina)
Matej Černý (@cernymatej)
Frederik Bußmann (@freb97)
Benjamin Oddou (@BenjaminOddou)
Mukund Shah (@mukundshah)
Jessé Correia Lins (@linspw)
Jannik Sohn (@janniksohn)
Dawit (@oneminch)
Ali Sokkar (@NyllRE)
Horu (@HigherOrderLogic)
Hugo (@HugoRCD)
Sébastien Chopin (@atinux)
David Stack (@davidstackio)
Ruslan Stelmachenko (@xak2000)
Harlan Wilton (@harlan-zw)
Alexander Lichter (@TheAlexLichter)
Ryan Wilson (@rywils)
yamachi4416 (@yamachi4416)

v4.2.2

2025-12-09T17:17:31Z

4.2.2 is the next patch release.

✅ Upgrading

Our recommendation for upgrading is to run:

npx nuxt upgrade --dedupe

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

nitro: Do not show pretty error handler when testing (243261edb)
nuxt: Generate valid references for component declaration items (#33388)
nuxt: Sync internal route before calling page:finish hook (#33707)
kit: Add TypeScript path alias support for test files (#33672)
nitro: Ensure html is a string before injecting error handler (f70b70c97)
nitro: Include layer server directories in tsconfig.server.json (#33510)
nuxt: Ensure deduped async data executions return latest promise (#33740)
kit,nuxt: Type + respect moduleDependencies by meta name (#33774)
nuxt,schema: Ignore .d.vue.ts declarations (1c73525a2)
kit,nuxt: Protect against resolved nuxt module subpath (#33767)
nuxt: Re-execute callOnce during HMR (#33810)
nuxt: Resolve watch callback after reactive key change in useAsyncData (#33802)
nuxt: Escape HTML in development error page stack trace (#33820)
kit: Do not add resolved rootDir to cached layer config (#33779)
kit,schema: Add moduleDependencies -> installModule (#33689)

💅 Refactors

nuxt: Improve type safety within callOnce function (#33825)

📖 Documentation

Split directory structure and re-order guides (v4) (#33691)
Add hints release (#33701)
Fix link to vitest globals config (#33702)
Add mcp server and llms.txt (#33371)
Fix 404 link (98c2f1397)
Text consistency (#33709)
Type error as non-optional prop (#33763)
Reformat tables (#33813)

🏡 Chore

Update pnpm to 10.21 and enable trust policy (d2c9711c0)
Revert pnpm trust policy and restore provenance action (f9d0e0a3d)
Update markdownlint config to ignore mdc issues (e7fff7132)
Pin to single version of unstorage (ec316eae8)

✅ Tests

Add patchProp and nodeOps to excluded Vue helpers (#33754)
Use fake timers for watch params test (08d9d2f3b)

🤖 CI

Add --pnpm flag to correctly publish prerelease (#33688)
Update action lint config (#33710)

❤️ Contributors

Daniel Roe (@danielroe)
Florian Heuberger (@Flo0806)
Konstantin Telyakov (@kTelyakov)
abeer0 (@iiio2)
Julien Huang (@huang-julien)
Matej Černý (@cernymatej)
Robin (@OrbisK)
Dheeraj Joshi (@dheeraj3587)
Alexander Lichter (@TheAlexLichter)
Edwin Samodra (@edwinsamodra)
edison (@edison1105)
山吹色御守 (@KazariEX)
Sébastien Chopin (@atinux)
Hugo (@HugoRCD)
pierreoa (@pierreoa)
Maxime Pauvert (@maximepvrt)

v3.20.2

2025-12-09T17:13:52Z

3.20.2 is the next patch release.

✅ Upgrading

Our recommendation for upgrading is to run:

npx nuxt upgrade --dedupe --channel=v3

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.

Note

This will only work if you already have a version of @nuxt/cli which has the --channel flag. If this does not work, you can instead run npx nuxi@latest for the initial upgrade.

👉 Changelog

compare changes

🩹 Fixes

nitro: Do not show pretty error handler when testing (cc75ce409)
nuxt: Generate valid references for component declaration items (#33388)
nuxt: Sync internal route before calling page:finish hook (#33707)
nitro: Ensure html is a string before injecting error handler (6f51a25e9)
nitro: Include layer server directories in tsconfig.server.json (#33510)
nuxt: Ensure deduped async data executions return latest promise (#33740)
kit,nuxt: Type + respect moduleDependencies by meta name (#33774)
nuxt,schema: Ignore .d.vue.ts declarations (9a6a770ab)
kit,nuxt: Protect against resolved nuxt module subpath (#33767)
nuxt: Re-execute callOnce during HMR (#33810)
nuxt: Resolve watch callback after reactive key change in useAsyncData (#33802)
nuxt: Escape HTML in development error page stack trace (#33820)
kit: Do not add resolved rootDir to cached layer config (#33779)
kit,schema: Add moduleDependencies -> installModule (#33689)

💅 Refactors

nuxt: Improve type safety within callOnce function (#33825)

📖 Documentation

Split directory structure and re-order guides (v3) (#33690)
Fix link (016ef66e3)
Add hints release (#33701)
Fix link to vitest globals config (#33702)
Fix 404 link (5543b7cf7)
Text consistency (#33709)
Type error as non-optional prop (#33763)

🏡 Chore

Update pnpm to 10.21 and enable trust policy (1cb55efc0)
Revert pnpm trust policy and restore provenance action (103ae1351)
Update markdownlint config to ignore mdc issues (d4933e26e)
Pin to single version of unstorage (619956e7f)

✅ Tests

Add patchProp and nodeOps to excluded Vue helpers (#33754)
Use fake timers for watch params test (58607fbea)
Update test for v3 defaults (daa002638)

🤖 CI

Add --pnpm flag to correctly publish prerelease (#33688)
Update action lint config (#33710)

❤️ Contributors

Daniel Roe (@danielroe)
Alexander Lichter (@TheAlexLichter)
Florian Heuberger (@Flo0806)
Konstantin Telyakov (@kTelyakov)
abeer0 (@iiio2)
Julien Huang (@huang-julien)
Robin (@OrbisK)
Dheeraj Joshi (@dheeraj3587)
Edwin Samodra (@edwinsamodra)
edison (@edison1105)
山吹色御守 (@KazariEX)
Sébastien Chopin (@atinux)
pierreoa (@pierreoa)
Maxime Pauvert (@maximepvrt)

Release notes from nuxt

v4.4.2

v4.4.1

v4.4.0/v4.4.2

👀 Highlights

🏭 createUseFetch and createUseAsyncData

🗺️ Vue Router v5

💪 Typed Layout Props in definePageMeta

🗣️ useAnnouncer Composable

🚀 Migrate to unrouting

🍫 Smarter Payload Handling for Cached Routes

🍪 refresh Option for useCookie

♻️ useState Reset to Default

🕵️‍♂️ Better Import Protection

🔮 View Transitions Types

💡 Improved optimizeDeps Hints

🏷️ Normalised Page Component Names (Experimental)

⚡ Build Profiling

🔥 Performance Improvements

✅ Upgrading

👉 Changelog

🚀 Enhancements

🔥 Performance

🩹 Fixes

💅 Refactors

📖 Documentation

🏡 Chore

✅ Tests

🤖 CI

❤️ Contributors

v3.21.2

v4.3.1

👉 Changelog

🩹 Fixes

💅 Refactors

📖 Documentation

🏡 Chore

✅ Tests

❤️ Contributors

v3.21.1

👉 Changelog

🩹 Fixes

💅 Refactors

📖 Documentation

🏡 Chore

✅ Tests

❤️ Contributors

v4.3.0

📣 Some News

Extended v3 Support

Preparing for Nuxt 5

🗂️ Route Rule Layouts

📦 ISR/SWR Payload Extraction

🧹 Dev Mode Payload Extraction

🚫 Disable Modules from Layers

🏷️ Route Groups in Page Meta

🎨 Layout Props with setPageLayout

🔧 #server Alias

🪟 Draggable Error Overlay

⚙️ Async Plugin Constructors

🚀 Performance Improvements

🎨 Inline Styles for Webpack/Rspack

⚠️ Deprecations

statusCode → status, statusMessage → statusText

🐛 Bug Fixes

📚 Documentation

🎉 Nuxt 3.21.0

✅ Upgrading

👉 Changelog

🚀 Enhancements

🔥 Performance

🩹 Fixes

💅 Refactors

📖 Documentation

📦 Build

🏡 Chore

✅ Tests

🤖 CI

❤️ Contributors

v3.21.0

🏭 `createUseFetch` and `createUseAsyncData`

💪 Typed Layout Props in `definePageMeta`

🗣️ `useAnnouncer` Composable

🚀 Migrate to `unrouting`

🍪 `refresh` Option for `useCookie`

♻️ `useState` Reset to Default

💡 Improved `optimizeDeps` Hints

🎨 Layout Props with `setPageLayout`

🔧 `#server` Alias

`statusCode` → `status`, `statusMessage` → `statusText`

🎨 Layout Props with `setPageLayout`

🔧 `#server` Alias

`statusCode` → `status`, `statusMessage` → `statusText`