v3.4.0

[danielroe]

3.4.0 is a minor (feature) release for Nuxt 3 bringing exciting new features, including support for the View Transitions API, transferring rich JavaScript payloads from server to client - and much more.

Timetable: today.

👉 Changelog

compare changes

🚀 Enhancements

• nuxt: Warn in dev when useRoute is used in middleware (#20050)
• nuxt: Support disabling watch with useFetch (#19823)
• nuxt: Support ~/~~/@/@@ aliases within layers (#19986)
• nuxt: Respect custom dir.pages in page placeholder (#20079)
• nuxt: Support vue runtime compiler (#4762)
• test-utils: Allow mounting single component for testing (#5723)
• nuxt: Experimental option for rich json payloads (#19205)
• nuxt: Prompt to install devtools when it's enabled (#20126)
• Upgrade to consola v3.x prerelease (#20141)
• nuxt: Add experimental View Transitions API support (#20092)
• nuxt: Support async transform of object properties (#20182)
• nuxt: Support object-syntax plugins (#20003)
• nuxt: Add experimentalNoScripts route rule (#19805)
• nuxt: Add chokidar watcher debug timing (#20176)

🔥 Performance

• head: Disable @vueuse/head polyfill by default (#20131)

🩹 Fixes

• nuxt: End route param tokens manually (#19902)
• nuxt: Disable x-nuxt-no-ssr header by default (#20024)
• kit: Support calling Nuxt 2 modules with module container (#20023)
• nuxt: Add types for globally injected $config object (#20081)
• nuxt: Throw error on protocol relative path in useFetch (#20052)
• nuxt: Add @types/node as a peerDependency (#20025)
• nuxt: Test all custom app config keys for any (#20105)
• nuxt: Add key to .client component placeholders (#20093)
• nuxt: Add undefined type for useCookie return value (4f0b3c722)
• nuxt: Deprecate old (pre-rc) runtimeConfig (#20082)
• cli: Preview nitro build with custom dir config (#18882)
• nuxt: Default nitro autoImports to imports.autoImport (#20180)
• nuxi, vite: Suppress sourcemap + native fetch warnings (#20198)
• schema: Allow ignorePrefix to be changed (#20202)

💅 Refactors

• schema: Clean up experimental options (#20112)
• nuxt: Remove #head alias (#20111)

📖 Documentation

• Add interop default to dynamic vue import example (8908aa7c5)
• Add short note about custom imports configuration (#20073)
• Re-enable docs linting and update docs (#20084)
• Fix type of headers option for useFetch (#20148)
• Fix typo in @pinia/nuxt module name (#20199)
• Add import to server-side cookies example (#20197)

🏡 Chore

• Loosen nitro version constraint (79ad5ac9b)
• Exclude new subpath from lint reordering (b8cdef69c)
• Use workspace ref (b33b84d57)
• Use overrides (4a6f85277)
• Correctly nest overrides (a15a9b66f)
• Remove JITI_ESM_RESOLVE (#20172)
• Upgrade to consola v3 (#20194)

✅ Tests

• Use kb size snapshot (#20083)
• Update bundle size snapshot (d265abbad)

🎨 Styles

• Lint (f1baa0355)
• Enable sort-imports eslint rule (#20133)

🤖 CI

• Enable autofix for pr linting (#20085)
• Use autofix to update bundle size (#20088)
• Stub project before linting (13b853622)
• Lint before stubbing (857e9cb3d)
• Stub project before linting (b329ed781)
• Use head_ref for dependency deduping (ae5df72c5)

❤️ Contributors

• Daniel Roe (@danielroe)
• Sacha Stafyniak (@stafyniaksacha)
• Julien Huang (@huang-julien)
• Harlan Wilton (@harlan-zw)
• Nolan (@ncphillips)
• Jeremy Graziani (@AcelisWeaven)
• JT Smith (@rizen)
• Anthony Fu (@antfu)
• Xjccc (@xjccc)
• Pooya Parsa (@pi0)
• Cany748 (@cany748)
• Aleksandar Trpkovski (@Suv4o)
• Paul Melero (@gangsthub)

[codesandbox]

  Open in CodeSandbox Web Editor | VS Code | VS Code Insiders