Fr

Nuxt 4.5 env: production

Nuxt 4.5 feature demos

Live demonstrations of what shipped in Nuxt 4.5, plus the settings this project turned on to make the eventual Nuxt 5 upgrade uneventful.

`useFetch({ enabled })`

The request is gated on a reactive getter. Nothing is sent until you have typed more than two characters, and toggling the gate off mid-flight cancels the request without clearing data.

Filter Nuxt 4.5 features0 / 3 characters

disabled — no request sent

Gate is closed

Open your network panel and keep typing — you will not see a request until the third character.

`NuxtLink` prefetch slot props

With the custom prop, Nuxt no longer attaches prefetch handlers for you — it cannot know how you structured the markup. The slot now hands you prefetch, prefetched and shouldPrefetch so you can wire it yourself.

Back to Labs — hover or tab to menot prefetched

You are looking at a named view

This panel is a separate route component. The parent renders <NuxtPage name="aside" />, and Nuxt matched this file to that outlet purely from its name.

pages/labs/
  nuxt-4-5.vue          parent
  nuxt-4-5/
    index.vue           default outlet
    index@aside.vue     "aside" outlet

`useLayout()`

A read-only computed ref of the layout resolved for the current route. It stays in sync as you navigate and as route rules or definePageMeta change the resolution.

resolved layout:public

Enabled in this project

watcher: 'builder': v5 default
normalizePageNames: v5 default
payloadExtraction: 'client': v5 default
asyncCallHook: false: v5 default
useState.resetOnClear: v5 default
prefetchPreloadTags: 4.5 opt-in
tracingChannel: 4.5 opt-in
dxup.namedLayoutSlots: 4.5 opt-in

Adopted one at a time so that flipping future.compatibilityVersion: 5 later is a no-op rather than eleven simultaneous behaviour changes.

Fr

useFetch({ enabled })

NuxtLink prefetch slot props

`useFetch({ enabled })`

`NuxtLink` prefetch slot props