Closed renovate[bot] closed 10 months ago
All modified and coverable lines are covered by tests :white_check_mark:
Comparison is base (
ae6d5c4
) 86.74% compared to head (e3e0a87
) 86.74%.
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
This PR contains the following updates:
^3.9.0
->^3.10.0
Release Notes
nuxt/nuxt (@nuxt/kit)
### [`v3.10.0`](https://togithub.com/nuxt/nuxt/releases/tag/v3.10.0) [Compare Source](https://togithub.com/nuxt/nuxt/compare/v3.9.3...v3.10.0) > 3.10.0 is the next minor/feature release. ##### 👀 Highlights v3.10 comes quite close on the heels of v3.9, but it's packed with features and fixes. Here are a few highlights. ##### ✨ Experimental shared `asyncData` when prerendering When prerendering routes, we can end up refetching the same data over and over again. In Nuxt 2 it was possible to create a 'payload' which could be fetched once and then accessed in every page (and this is of course possible to do manually in Nuxt 3 - see [this article](https://roe.dev/blog/shared-data-nuxt-generate)). With [#24894](https://togithub.com/nuxt/nuxt/pull/24894), we are now able to do this automatically for you when prerendering. Your `useAsyncData` and `useFetch` calls will be deduplicated and cached between renders of your site. ```ts [nuxt.config.ts] export defineNuxtConfig({ experimental: { sharedPrerenderData: true } }) ``` > \[!IMPORTANT]\ > It is particularly important to make sure that any unique key of your data is always resolvable to the same data. For example, if you are using `useAsyncData` to fetch data related to a particular page, you should provide a key that uniquely matches that data. (`useFetch` should do this automatically.) 👉 See [full documentation](https://nuxt.com/docs/guide/going-further/experimental-features#sharedprerenderdata). ##### 🆔 SSR-safe accessible unique ID creation We now ship a `useId` composable for generating SSR-safe unique IDs ([#23368](https://togithub.com/nuxt/nuxt/pull/23368)). This allows creating more accessible interfaces in your app. For example: ```vue [components/MyForm.vue] ``` ##### ✍️ Extending `app/router.options` It's now possible for module authors to inject their own `router.options` files ([#24922](https://togithub.com/nuxt/nuxt/pull/24922)). The new `pages:routerOptions` hook allows module authors to do things like add custom `scrollBehavior` or add runtime augmenting of routes. 👉 See [full documentation](https://nuxt.com/docs/guide/going-further/custom-routing#router-options). ##### Client-side Node.js support We now support (experimentally) polyfilling key Node.js built-ins ([#25028](https://togithub.com/nuxt/nuxt/pull/25028)), just as we already do via Nitro on the server when deploying to non-Node environments. That means that, within your client-side code, you can import directly from Node built-ins (`node:` and node imports are supported). However, nothing is globally injected for you, to avoid increasing your bundle size unnecessarily. You can either import them where needed. ```ts import { Buffer } from 'node:buffer' import process from 'node:process' ``` Or provide your own polyfill, for example, inside a Nuxt plugin. ```ts // ~/plugins/node.client.ts import { Buffer } from 'node:buffer' import process from 'node:process' globalThis.Buffer = Buffer globalThis.process = process export default defineNuxtPlugin({}) ``` This should make life easier for users who are working with libraries without proper browser support. However, because of the risk in increasing your bundle unnecessarily, we would strongly urge users **to choose other alternatives** if at all possible. ##### 🍪 Better cookie reactivity We now allow you to opt-in to using the [CookieStore](https://developer.mozilla.org/en-US/docs/Web/API/CookieStore). If browser support is present, this will then be used instead of a BroadcastChannel to update `useCookie` values reactively when the cookies are updated ([#25198](https://togithub.com/nuxt/nuxt/pull/25198)). This also comes paired with a new composable, `refreshCookie` which allows manually refreshing cookie values, such as after performing a request. See [full documentation](https://nuxt.com/docs/api/utils/refresh-cookie). ##### 🏥 Detecting anti-patterns In this release, we've also shipped a range of features to detect potential bugs and performance problems. - We now will throw an error if `setInterval` is used on server ([#25259](https://togithub.com/nuxt/nuxt/pull/25259)). - We warn (in development only) if data fetch composables are used wrongly ([#25071](https://togithub.com/nuxt/nuxt/pull/25071)), such as outside of a plugin or setup context. - We warn (in development only) if you are not using `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.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.