chore(deps): update all non-major dependencies

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@nuxt/devtools	^0.7.5 -> ^0.8.5
@nuxt/eslint-config	^0.1.1 -> ^0.2.0
@nuxt/kit	^3.6.5 -> ^3.8.0
@types/node (source)	^20.4.8 -> ^20.8.8
nuxt	^3.6.5 -> ^3.8.0
release-it	^16.1.3 -> ^16.2.1
typescript (source)	^5.1.6 -> ^5.2.2
vue-tsc	^1.8.8 -> ^1.8.21

---

Release Notes

nuxt/devtools (@​nuxt/devtools)

v0.8.5

Compare Source

Features

• print shortcuts in console (97b3e18)
• telemetry support (#​427) (8677d00)

v0.8.4

Compare Source

Bug Fixes

• copy __NUXT__ object to popup frame (ea46cea)
• deps: set @nuxt/devtools as devDependency (#​425) (4e280c9)
• popup button (d1171b0)
• settings: make sure client has value (#​418) (9757c00)

Features

• collapsible sidebar (#​420) (530244b)
• migrate new shikiji themes mode (7688cc4)
• redesign settings page (b777b8e)
• rework docs (#​413) (c9e6e7d)

v0.8.3

Compare Source

Bug Fixes

• route tracking handle currentRoute to be null (7ca1fc9)

v0.8.2

Compare Source

Bug Fixes

• virtual-files: fetch data as json (131a2ee)

v0.8.1

Compare Source

Bug Fixes

• default box-sizing for floating panel (a674379)
• find vite client path from subframe parent (#​386) (e28606a)
• improve client injection error message (de9baa3)

Features

• audio preview (#​397) (cb5ddc6)
• server-routes: copy url button (#​389) (7903740)

v0.8.0

Compare Source

Features

• components: show dependencies and dependents in component details (7dbc3d1)
• composables useNuxtDevTools (#​383) (e74b60c)
• filter for used/unused components, close #​358 (5012012)
• ui-kit: add NSelectTab component (509a1ec)

0.7.6 (2023-08-09)

Bug Fixes

• devtools panel justify content (#​369) (c3272f4)
• notification z-index (#​376) (3867814)
• resolve DevTools vite loading issue with buildAssetsDir (#​375) (22bcd0d)
• server-routes: filter middleware from scannedHandlers (#​377) (09f6da3)

Features

• assets: able to edit text content (#​366) (1e56198)
• assets: options storage (#​379) (75512f8)
• docs: devtools logo (#​380) (8d34de1)

0.7.5 (2023-08-06)

Bug Fixes

• add AuthRequiredPanel to AuthConfirmDialog (#​367) (ce53651)
• requestForAuth devServer host (#​357) (5e89ce8)
• server-routes: clear error onResponse (#​356) (313fa1b)

Features

• add tooltip to buttons (#​359) (4a29829)
• minimize panel on inactive (#​361) (2b92663)
• quicktype (#​351) (41ff4ad)

0.7.4 (2023-08-01)

Bug Fixes

• find vite client path automatically, close #​352 (b78d04f)

0.7.3 (2023-08-01)

Bug Fixes

• the panel is stuttering when dragging on the mobile end (#​350) (6677dd7)
• upgrade vite-plugin-inspect, close #​324 (ea41a5d)

0.7.2 (2023-07-31)

Bug Fixes

• pinned tabs filter (#​348) (5c26895)
• ui-kit: dialog closing and a11y (#​346) (95bd0a1)

Features

• assets: add rename and delete action (#​343) (55f6863)
• enhance state editor (#​349) (ad56f47)
• support preview video assets (#​347) (b4dfc37)

0.7.1 (2023-07-23)

Bug Fixes

• kit: broken types for useDevtoolsClient() (#​340) (934b1d4)
• kit: types for renderCodeHighlight (#​341) (d4e1541)

Features

• server-routes: add cookies tab (#​338) (33e1417)

v0.7.6

Compare Source

Bug Fixes

• devtools panel justify content (#​369) (c3272f4)
• notification z-index (#​376) (3867814)
• resolve DevTools vite loading issue with buildAssetsDir (#​375) (22bcd0d)
• server-routes: filter middleware from scannedHandlers (#​377) (09f6da3)

Features

• assets: able to edit text content (#​366) (1e56198)
• assets: options storage (#​379) (75512f8)
• docs: devtools logo (#​380) (8d34de1)

nuxt/nuxt (@​nuxt/kit)

v3.8.0

Compare Source

👀 Highlights

We have a lot of exciting features in v3.8, and can't wait for you to try it out.

💻 Nuxi improvements

Just to remind you, we're now using the new Nuxt CLI which is now versioned separately. There are some exciting improvements there to follow, so do check out the latest releases. (For example, we now share the same port with the Vite websocket, meaning better support for docker containers in development.)

🚨 Built-in Nuxt DevTools

Nuxt DevTools v1.0.0 is out and we now think it's ready to be shipped as a direct dependency of Nuxt.

👉 You can check out the release notes for more information - and stay tuned for an article detailing our roadmap for the future.

📸 Nuxt Image auto-install

We've now made <NuxtImg> and <NuxtPicture> first-class built-in components, documenting them and auto-installing @nuxt/image the first time that they are used (#​23717).

autoinstall2.mp4

We would definitely advise using @nuxt/image if you're using images in your site; it can apply optimisations to make your site more performant.

📂 Deeper layout scanning

🚨 This is a behaviour change so do take care with this one: 🚨

We now support scanning layouts within subfolders in ~/layouts in the same way as we do with ~/components.

File | Layout name
-- | --
~/layouts/desktop/default.vue | 'desktop-default'
~/layouts/desktop-base/base.vue | 'desktop-base'
~/layouts/desktop/index.vue | 'desktop'

See #​20190 for more information

📊 App Manifest

We now support a built-in app manifest (see #​21641), which generates a manifest at /_nuxt/builds/meta/<buildId>.json.

Initially this enables loading payloads only for prerendered routes, if a site is static (preventing 404s). It also enables client-side route rules. To begin with, only redirect route rules will have an effect; they will now redirect when performing client-side navigation. (More coming soon...!)

The app manifest also enables future enhancements including detection of outdated deployments by checking /_nuxt/builds/latest.json.

You can switch off this behaviour if you need to (but do let us know if you have any issues):

export default defineNuxtConfig({
  experimental: {
    appManifest: false
  }
})

🤝 Scope and context improvements

We now define a 'scope' for Nuxt composables executed in plugins (#​23667), which allows running synchronous cleanup before navigating away from your site, using the Vue onScopeDispose lifecycle method. This should fix an edge case with cookies (#​23697) and also improves memory management, for example in Pinia stores (#​23650). You can read more about Vue effect scopes.

We also now support native async context for the Vue composition API (#​23526). In case you're unaware, we support native async context on Node and Bun, enabled with experimental.asyncContext. This can help address issues with missing a Nuxt instance. But it didn't previously affect missing Vue instances.

If you experience issues with 'Nuxt instance unavailable', enabling this option may solve your issues, and once we have cross-runtime support we are likely to enable it by default.

export default defineNuxtConfig({
  experimental: {
    asyncContext: true
  }
})

🔗 NuxtLink defaults

We've supported defining your own NuxtLink components with the defineNuxtLink utility. We now support customising the options for the built-in <NuxtLink>, directly in your nuxt.config file (#​23724). This can enable you to enforce trailing slash behaviour across your entire site, for example.

export default defineNuxtConfig({
  experimental: {
    defaults: {
      nuxtLink: {
        activeClass: 'nuxt-link-active',
        trailingSlash: 'append'
      }
    }
  }
})

⚡️ Data fetching improvements: deep and caching

We have two very significant new features for useAsyncData and useFetch:

1. You can now set deep: false to prevent deep reactivity on the data object returned from these composables (#​23600). It should be a performance improvement if you are returning large arrays or objects. The object will still update when refetched; it just won't trigger reactive effects if you change a property deep within the data.
2. You can now use the getCachedData option to handle custom caching for these composables (#​20747)

const nuxtApp = useNuxtApp()
const { data } = await useAsyncData(() => { /* fetcher */ }, {
  // this will not refetch if the key exists in the payload
  getCachedData: key => nuxtApp.payload.static[key] ?? nuxtApp.payload.data[key]
})

We also support configuring some default values for these composables in an app-wide way (#​23725):

export default defineNuxtConfig({
  experimental: {
    defaults: {
      useAsyncData: {
        deep: false
      },
      useFetch: {
        retry: false,
        retryDelay: 100,
        retryStatusCodes: [500],
        timeout: 100
      }
    }
  }
})

🔢 Layer improvements

We now more carefully load layer plugins (#​22889 and #​23148) and middleware (#​22925 and #​23552) in the order of the layers, always loading your own plugins and middleware last. This should mean you can rely on utilities that layers may inject.

We've also added a test suite to cover these layer resolution changes.

And probably one of the most significant changes - if you are using remote layers we now clone these within your node_modules/ folder (#​109) so layers can use dependencies with your project. See c12 release notes for full details.

😴 Nightly release channel

Every commit to the main branch of Nuxt is automatically deployed to a new release, for easier testing before releases. We've renamed this from the 'edge release channel' to the 'nightly release channel' to avoid confusion with edge deployments. And probably also with Microsoft Edge (though I haven't heard that anyone was confused with that one!)

➡️ nuxt3 is now nuxt-nightly
➡️ nuxi-edge is now nuxi-nightly
➡️ @​nuxt/kit-edge is now @​nuxt/kit-nightly

... and so on.

You can read more about how it works.

⚗️ Nitro v2.7

Nitro v2.7 has been released with lots of improvements and bug fixes - do check out the full changelog.

🔥 One of the most significant is that we now save ~40% of bundle size in production by using native fetch (which is supported in Node 18+) (#​1724). So if possible, we'd recommend you update your Node version to at least 18.

💪 Type import changes

🚨 This is likely to need code changes in your project 🚨

Vue requires that type imports be explicit (so that the Vue compiler can correctly optimise and resolve type imports for props and so on). See core Vue tsconfig.json.

We've therefore taken the decision to turn on verbatimModuleSyntax by default in Nuxt projects, which will throw a type error if types are imported without an explicit type import. To resolve it you will need to update your imports:

- import { someFunction, SomeOptions } from 'some-library'
+ import { someFunction } from 'some-library'
+ import type { SomeOptions } from 'some-library'

You may also encounter modules in the Nuxt ecosystem that need to be updated; please open an issue for those modules. I'm also very happy to help if you're encountering any problems with this, if you're a module author. Just tag me and I'll take a look.

If for whatever reason you need to undo this change in your project you can set the following configuration:

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

However, we'd recommend only doing that temporarily, as Vue does need this option to be set for best results.

✅ Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade

👉 Changelog

compare changes

🚀 Enhancements

• kit: Add addServerImports and addServerImportsDir (#​23288)
• nuxt: Warn when nesting nuxt links when SSR on dev (#​23286)
• nuxt: Add prerenderRoutes ssr composable (#​22863)
• nuxt: Enable appManifest by default (#​23448)
• nuxt: Native async-context in vue's withAsyncContext (#​23526)
• nuxt: Auto-install optional features on StackBlitz (#​23607)
• kit,nuxt,vite,webpack: Support -nightly extension (#​23508)
• nuxt: Add @nuxt/devtools as dependency and enable (#​23576)
• nuxt: Support deep: false for data composables (#​23600)
• nuxt: Custom cache support for data fetching composables (#​20747)
• nuxt: Scan and register layouts in nested folders (#​20190)
• nuxt: Prompt to autoinstall @nuxt/image when it is used (#​23717)
• nuxt: Allow configuring default <NuxtLink> options (#​23724)
• nuxt: Allow customising defaults for data composables (#​23725)

🔥 Performance

• vite: Don't print server compressed size after vite build (#​23359)
• nuxt: Verbatim module syntax + restrict type discovery (#​23447)

🩹 Fixes

• nuxt: Initialise asyncData errors with null (#​23428)
• nuxt: Apply scoped styles to islands (#​23386)
• nuxt: Rename stub to avoid shadowing vue-router (#​23440)
• nuxt: Stringify cookie values before broadcasting them (#​23449)
• kit: Don't force config.autoImport in addServerImports (#​23472)
• nuxt: Ignore prefix if clearNuxtState called w/o keys (#​23483)
• nuxt: Decrement hydration count when rendering no route (#​23476)
• nuxt: Compute fetch cache key with headers (#​23462)
• nuxt: Mock hookable methods on nuxt 2 (#​23502)
• kit: Revert accidental change to addPrerenderRoutes name (#​23509)
• nuxt: Use test/dev as manifest buildId when appropriate (#​23512)
• nuxt: Don't print warnings for unresolved ids (#​23604)
• nuxt: Use import alias when checking if plugin is wrapped (#​23617)
• nuxt: Tree shake all occurrences of <DevOnly> (#​23466)
• nuxt: Give priority to later middleware when deduping (#​23552)
• nuxt: Clear cookie BroadcastChannel when scope is disposed (#​23664)
• nuxt: Provide global scope for nuxt plugin context (#​23667)
• nuxt: Resolve type error in options of useFetch (#​23693)
• webpack: Remove lodash-es + simplify postcss resolution (#​23692)
• nuxt: Skip hydration mismatches with client components (#​19231)
• nuxt: Write cookie values before navigating away (#​23697)
• nuxt: Refetch both undefined/null values in useAsyncData (#​23351)
• nuxt: Don't mark redirected routes as prerendered (#​23707)
• nuxt: Respect custom export in component transform (#​23715)
• nuxt: Don't use prerenderedAt to override app manifest (#​23781)
• nuxt: Restore prerenderedAt behaviour pending next patch (108b1bdf7)

📖 Documentation

• Mention listhen options on nuxi dev page (#​23415)
• Add examples for index.ts files on server routes (#​23390)
• Improve data fetching section (#​23420)
• Remove duplicated arrows (#​23436)
• Extend description of handler for useAsyncData (#​23389)
• Clarify bridge needs nitro to use runtimeConfig (#​23454)
• Fix typo in README (#​23500)
• Clarify that bridge.typescript option must be set. (#​23503)
• Use html instead of xml for highlight (45c1e7f51)
• Fix component library example in docs (#​23596)
• Typo in modules (#​23602)
• Reword local module info (#​23557)
• Add server concept (#​23372)
• Improve nuxt kit section (#​22375)
• Update additional mentions to nightly release channel (c63f9a95d)
• Rename /edge-channel page to /nightly-release-channel (#​23648)
• Add section about computed url for data fetching (#​23605)
• Fix typo (#​23656)
• Remove extraneous brace (b9cb08cda)
• Fix other issues with routeRules example (818dc626c)
• Fix typo (#​23716)
• Update types for useFetch/useAsyncData (#​23730)
• Add info about <NuxtImg> and <NuxtPicture> (#​23741)
• Update to new website (#​23743)
• Remove redundant trailing slashes from links (#​23744)
• Fix broken link (#​23750)

🏡 Chore

• Fix various typos and update to US English (#​23580)
• Add description field for packages (#​23734)
• Bump nuxt devtools to 1.0 (#​23752)
• Allow markdownlint upgrades (3d779fcf3)
• Remove huntr + encourage GitHub vulnerability reporting (#​23754)
• Refresh lockfile (#​23755)
• Update to nitropack 2.7.0 (#​23780)
• Upgrade to c12 1.5 with configurable layers (#​23782)

✅ Tests

• nuxt: Add test suite for app resolution behaviour (#​23520)
• Update prerender test (8d62c2add)

🤖 CI

• Retry failing links 6 times (ad2a900fd)
• Only dedupe dependencies if they affect bundle size (#​23736)

❤️ Contributors

• Daniel Roe (@​danielroe)
• Pooya Parsa (@​pi0)
• Anthony Fu (@​antfu)
• Jianqi Pan (@​Jannchie)
• Damian Głowala (@​DamianGlowala)
• Sébastien Chopin (@​Atinux)
• Alexander Lichter (@​manniL)
• @​boc-the-git
• Aleksandar Trpkovski (@​Suv4o)
• Dario Ferderber (@​darioferderber)
• Warflash (@​warflash)
• Julien Huang (@​huang-julien)
• Sacha Stafyniak (@​stafyniaksacha)
• Alex Liu (@​Mini-ghost)
• Orocane (@​S1RANN)
• Italo (@​DarkGhostHunter)
• @​maritaria
• Andrey Yolkin (@​Andrey Yolkin)
• Aaron_Zhou (@​Clarkkkk)
• Estéban (@​Barbapapazes)
• @​sheriffderek
• Eugen Istoc (@​genu)
• Mostafa Said (@​i-Said-Code)
• Ezra Adeyinka (@​adeyinkaezra123)
• Ryota Watanabe (@​wattanx)
• Hendrik Heil (@​hendrikheil)
• @​0xflotus
• Albert Brand (@​AlbertBrand)
• Arsen Goian (@​arsengoian)
• Maxim (@​MaxKostenko)
• Filip Weidemann (@​filipweidemann)
• Toni Engelhardt (@​toniengelhardt)

v3.7.4

Compare Source

3.7.4 is a regularly scheduled patch release.

✅ Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade

👉 Changelog

compare changes

🩹 Fixes

• nuxt: Use original escapes/quotes in page re-exports (#​23191)
• schema: Default devServer host to undefined (#​23206)
• nuxt: Correct islandsTransform slot regex (#​23226)
• nuxt: Handle vite preload-helper id with extension (#​23230)
• nuxt: Load layer middlewares before project middlewares (#​22925)
• nuxt: Don't incl overridden layer pages as nested children (#​23238)
• vite: Explicitly set vite manifest path (#​23276)
• nuxt: Experimental build manifest + client route rules (#​21641)
• nuxt: Generate empty file when shim is disabled (#​23333)
• nuxt: Apply right types to modules and their runtime files (#​23240)
• nuxt: Add import protection for nuxt/* exports (#​23357)
• nuxt: Detect nested pages with /index segments (#​23404)
• schema: Ignore pnpm store directory (3510cedc3)

💅 Refactors

• nuxt: Use built-in consola prompts (#​23205)
• kit,nuxt,schema: Use consola and improve test dx (#​23302)

📖 Documentation

• Add documentation on nuxt2 command (#​23211)
• Clarify nuxi start command usage (#​23215)
• Close code-block in migration guide (#​23224)
• Typo on callHook method (#​23231)
• nuxt: Remove hanging word in modules docs (#​23242)
• Update latest node.js version to 20.x (#​23252)
• Add more files to srcDir JSDoc (#​23250)
• Add steps for contributing to docs locally (#​23270)
• Add support details and update roadmap (#​21867, #​21893)
• Add nuxtApp.runWithContext (#​23258)
• Update 'scheduled' status name (#​23307)
• Fix links to configuration options (#​23324)
• Update link to devtools.nuxt.com (#​23350)
• Add explicit await to clarify sendRedirect is async (#​23345)
• Remove version from npm links to redirect to latest (#​23371)
• Add tryUseNuxt to kit context utils list (#​23373)

🏡 Chore

• Add .devcontainer (#​22810)
• Remove previous e2e crawler script (5d36e5c93)

🤖 CI

• Add lychee link checker (#​23254)
• Rename linkChecker job to link-checker (#​23319)
• Don't run link checker on pushes to main (e0ddcfa9e)

❤️ Contributors

• Damian Głowala (@​DamianGlowala)
• Tech Genius (@​TechGenius7777)
• Daniel Roe (@​danielroe)
• Percy Ma (@​kecrily)
• Josh Deltener (@​hecktarzuli)
• Arash (@​arashsheyda)
• Abdul Al-Hasany (@​abdul-alhasany)
• Muhammad Mahmoud (@​MuhammadM1998)
• Pooya Parsa (@​pi0)
• Alex Riviere (@​fimion)
• Default-kaas (@​default-kaas)
• Michel EDIGHOFFER (@​edimitchel)
• Arkadiusz Sygulski (@​Aareksio)
• Joaquín Sánchez (@​userquin)
• Josh Jancourtz (@​jcolpal)
• 翠 / Green (@​sapphi-red)
• Jeremy Graziani (@​AcelisWeaven)
• Julien Huang (@​huang-julien)
• Andrey Yolkin (@​AndreyYolkin)
• Petro Silenius (@​PetroSilenius)
• Ryota Watanabe (@​wattanx)

v3.7.3

Compare Source

3.7.3 is a hotfix release to address a regression introduced in 3.7.2.

👉 Changelog

compare changes

🩹 Fixes

• nuxt: Ensure plugins retain original order (#​23174)
• nuxt: Allow importing server components from #components (#​23188)

💅 Refactors

• nuxt: Don't wrap server placeholders/client fallbacks (#​21980)

📖 Documentation

• Added missing leading slash (#​23169)
• Update internal issue decision making flowchart link (#​23162)

❤️ Contributors

• Daniel Roe (@​danielroe)
• Julien Huang (@​huang-julien)
• Daniel Rivers (@​DanielRivers)
• Tech Genius (@​TechGenius7777)

v3.7.2

Compare Source

3.7.2 is a regularly scheduled patch release.

✅ Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade

👉 Changelog

compare changes

🩹 Fixes

• nuxt: Scroll to top by default on dynamic routes (#​22403)
• nuxt: Don't joinURL with remote sources on NuxtIsland (#​23093)
• nuxt: Exclude data-v attrs from server component props (#​23095)
• nuxt: Handle optional params within a path segment (#​23070)
• nuxt: Include method when creating useFetch auto key (#​23086)
• vite: Add css to manifest without cssCodeSplit (#​23049)
• nuxt: Find parent routes by exact path match (#​23040)
• nuxt: Load spaLoadingTemplate if file exists (#​23048)
• nuxt: Handle unset spa-loading fallback (#​23120)
• kit: Improve generated tsconfig.json defaults (#​23121)
• vite: Remove dev styles injected via absolute path (#​23126)
• nuxt: Default scanned layer components to priority 0 (#​23127)
• nuxt: Allow granularly overriding pages in layers (#​23134)
• nuxt: Respect layer order for other layer plugins (#​23148)
• nuxt: Allow changing dirs within modules (#​23133)
• nuxt: Allow overriding components + only warn if clash (#​23156)

📖 Documentation

• Remove 'caching' section from data fetching (fe29948fe)
• Fix broken links on experimental features (#​23052)
• Fix typo (#​23060)
• Add name param to PageMeta interface description (#​23107)
• Fix typo for experimental.componentIslands (#​23138)
• Change NuxtLabs UI to Nuxt UI (#​23150)
• Fix typo in nuxi init command (#​23155)

🏡 Chore

• nuxt: Update nuxi (#​23145)

🤖 CI

• Test on node 20.5 rather than 20.6 (#​23041)
• Update fixtures to node 18 (#​23122)
• Unpin node 20 actions runners (#​23135)

❤️ Contributors

• Daniel Roe (@​danielroe)
• ML (@​ijkml)
• Tech Genius (@​TechGenius7777)
• Manthankumar Satani (@​itsmnthn)
• David Gonzalez (@​davidglezz)
• Maxime Pauvert (@​maximepvrt)
• Dmitry Istomin (@​tirojal)
• Maxim (@​MaxKostenko)
• Julien Huang (@​huang-julien)
• Sma11X (@​Sma11X)
• Michel EDIGHOFFER (@​edimitchel)

v3.7.1

Compare Source

3.7.1 is a regularly scheduled patch release.

✅ Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade --force

This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

👉 Changelog

compare changes

🔥 Performance

• nuxt: Prevent head dom from rendering twice (#​22974)
• nuxt: Decrease default bundle size (#​22999)

🩹 Fixes

• nuxt: Exclude resolved vite virtual modules prefix (#​22834)
• nuxt: Ensure typed layout prop persists through build (#​22855)
• nuxt: Render server components when ssr: false (#​22869)
• kit: Respect priority when registering components dirs (#​22882)
• kit: Allow passing a string to addLayout (#​22902)
• nuxt: Ensure middleware is processed when returning true (#​22905)
• nuxt: Unpause dom updates on error (#​22945)
• nuxt: Disallow write: false for type templates (#​22972)
• vite: Don't set explicit conditions in shouldExternalize (#​22991)
• nuxt: Render inlined ssr styles before stylesheets (#​22986)
• nuxt: Improve types within plugin templates (#​22998)
• nuxt: Load layer plugins before project plugins (#​22889)
• nuxt: Use destr in more places over JSON.parse (#​22997)
• nuxt: Resolve head instance from Nuxt app (#​22973)
• nuxt: Always use increment for id with client side islands (#​22975)

📖 Documentation

• Add info about dynamic nested routes (#​22862)
• Update nuxt bridge migration guide (#​22815)
• Rename nuxt-community to nuxt-modules (9991da634)
• Add banner for readme (e92d99db3)
• Simplify readme (681f92915)
• Text center on banner (ea5142176)
• Clarify that 'it' is <NuxtPage> (#​22912)
• Update examples of dynamic pageKey (#​22920)
• Fix types in 'server utilities' example (#​22978)
• Describe env object for nuxt plugins (#​22963)
• Docs/3.api/3.utils/define-page-meta.md (#​23006)
• Accessing custom props for NuxtLayout (#​22989)
• Add information about server component context (#​22964)

🏡 Chore

• Fix variable name in release scripts (adb6ec674)
• Track nuxi-edge rather than nuxi-ng (9610cf03d)

🤖 CI

• Create 2.x release branch as well (cdf9b5547)
• Use GITHUB_REF_NAME to get branch for release (d49ea58de)
• Use changelogen utility to get current branch (7431e2258)

❤️ Contributors

• Julien Huang (@​huang-julien)
• Saman (@​bounoable)
• Harlan Wilton (@​harlan-zw)
• Kekeocha Justin Chetachukwu (@​justinkekeocha)
• Daniel Roe (@​danielroe)
• Xjccc (@​xjccc)
• Joaquín Sánchez (@​userquin)
• Andrey Yolkin (AndreyYolkin)
• OrlS15 (@​OrlS15)
• Alex Liu (@​Mini-ghost)
• Jonas Thelemann (@​dargmuesli)
• Sébastien Chopin (@​Atinux)
• Ryota Watanabe (@​wattanx)
• Heb (@​Hebilicious)
• Maik Kowol (@​94726)

v3.7.0

Compare Source

👀 Highlights

🐣 A New CLI

We've refactored nuxi using unjs/citty and this marks the first Nuxt release that depends on the new version, safely in its own repository. We have grand plans for this - check out some of the features + roadmap discussions in nuxt/cli and please feel free to contribute!

• Project Goals
• Feedbacks and Ideas
• The journey of Nuxt CLI Generations

Nuxi is now decoupled from the main nuxt version - we plan to iterate and release nuxi more quickly in future so you can expect new things coming soon!

🕸️ Native Web Streams and Response

With improvements in unjs/h3 and unjs/nitro, it's now possible to directly return a Response object from server routes, meaning it's also possible to return and handle streams natively in Nuxt.

👉 Check out the full detail in the unjs/h3 and unjs/nitro release notes.

🔥 HTML Rendering Optimisations

This release comes with a couple of improvements in rendering HTML responses from the server. We now determine whether to preload/prefetch resources at build time (so you can customise this in the build:manifest hook). We also now manage rendering the HTML for them directly in unhead (#​22179), which means you can configure the order for <link>, <meta>, <script>, <style>, and more. And - in our preliminary testing - it's even faster!

It's possible to opt-in to upcoming head improvements with the experimental.headNext flag. This currently includes a new ordering algorithm based on capo.js (#​22431) and allows enabling future optimisations as they are released in unhead:

export default defineNuxtConfig({
  experimental: {
    headNext: true
  }
})

We'd love your thoughts - you can respond with any issues/feedback in this discussion.

🛠️ Build Environment Shortcuts

In your Nuxt config you can now use $client and $server shortcuts to easily define configuration that is specific to just the Vite client/server (#​22302) or webpack client/server (#​22304) builds. This previously was only possible with the vite:extendConfig and webpack:config hooks.

For example:

export default defineNuxtConfig({
  vite: {
    $client: {
      bui

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

👻 **Immortal**: This PR will be recreated if closed unmerged. Get [config help](https://togithub.com/renovatebot/renovate/discussions) if that's undesired.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR has been generated by [Mend Renovate](https://www.mend.io/free-developer-tools/renovate/). View repository job log [here](https://developer.mend.io/github/nuxt-modules/icon).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNi4yNy4xIiwidXBkYXRlZEluVmVyIjoiMzcuMzEuNSIsInRhcmdldEJyYW5jaCI6Im1haW4ifQ==-->

[what-the-diff]

PR Summary

• Updated "@nuxt/kit" Dependency
  The version of the "@nuxt/kit" module, which aids in the building of the application, has been upgraded from v3.6.5 to v3.8.0. This update might offer performance improvements or new features to simplify app development.

• Updated "@nuxt/devtools" DevDependency
  The "@nuxt/devtools" version has been increased from v0.7.5 to v0.8.5. This tool aids developers in debugging our application, potentially offering better debugging capabilities with the upgrade.

• Updated "@nuxt/eslint-config" DevDependency
  The version of the "@nuxt/eslint-config" development tool, which is responsible for enforcing coding style guidelines, has been upgraded from v0.1.1 to v0.2.0. This can improve code quality.

• Updated "@types/node" DevDependency
  The "@types/node" development tool, providing TypeScript support, has been upgraded from v20.4.8 to v20.8.8. This potentially introduces refined types and interfaces, contributing to better type safety in our code.

• Updated "nuxt" DevDependency
  The version of the "nuxt" framework that we use to develop our application has been upgraded from v3.6.5 to v3.8.0. This might offer new features or performance improvements that can elevate the user experience.

• Updated "release-it" DevDependency
  The version of the "release-it" development tool, which assists in the release process, has been raised from v16.1.3 to v16.2.1. This could make the release process more efficient and reduce potential errors.

• Updated "typescript" DevDependency
  The "typescript" version has been upgraded from v5.1.6 to v5.2.2. As TypeScript is the primary language we use, this upgrade may enhance coding capabilities or performance.

• Updated "vue-tsc" DevDependency
  The version of "vue-tsc," a tool that ensures our Vue.js code compatibility with TypeScript, has been increased from v1.8.8 to v1.8.21. This might improve the robustness of our Vue.js components in our application.