Composed
Frontend

Nuxt 4.4 : Vue Router v5, nouveaux composables, accessibilité améliorée et gains de performance

Nuxt 4.4 étend son API runtime avec de nouveaux composables et fonctions utilitaires pour simplifier la gestion des données, des layouts, l'accessibilité et améliorer les performances.

Publié le par Emmanuel LASTRA Mis à jour le 1 min de lecture

Nuxt 4.4 : Vue Router v5, nouveaux composables, accessibilité améliorée et gains de performance
Nuxt.js

Nuxt 4.4 arrive avec Vue Router v5 et étend son API runtime en exposant de nouvelles fonctions et composables réutilisables pour simplifier la gestion des données, des layouts et améliorer l’accessibilité et les performances.

Nouvelles API

  • createUseFetch / createUseAsyncData, permettant la création d’instances personnalisées avec des options par défaut.
  • useCookie({ refresh: true }), prolonge l’expiration d’un cookie sans changer sa valeur, idéal pour la gestion de sessions.
  • clearNuxtState, réinitialise désormais à la valeur initiale plutôt qu’à undefined, en cohérence avec useAsyncData.

Routing & Layouts

  • Vue Router v5, première mise à jour majeure depuis Nuxt 3. Supprime la dépendance à unplugin-vue-router. Les routes typées devraient prochainement sortir de leur statut expérimental.
  • Props de layout typées, transmissibles directement via definePageMeta avec autocomplétion et vérification de types.

Accessibilité

— useAnnouncer + <NuxtAnnouncer>, permet d’annoncer aux lecteurs d’écran les changements dynamiques (soumissions de formulaires, états de chargement, résultats de recherche, etc.).

Performance

AméliorationGain
Rechargements dev sans ajout/suppression de pages (unrouting)jusqu’à 28× plus rapide
Rechargements dev avec ajout/suppression de pages~15% plus rapide
Parsing des IDs de modules (remplacement new URL() → indexOf)14 000× plus rapide

— Payload intelligent pour routes en cache (ISR/SWR) : nouveau mode payloadExtraction: 'client' qui intègre le payload dans le HTML initial et ajoute un cache LRU en mémoire pour éviter les rendus SSR redondants.

DX

  • nuxt build --profile, rapport de build détaillé en trois formats : Chrome Trace (.nuxt/perf-trace.json), JSON (.nuxt/perf-report.json) et profil CPU (nuxt-build.cpuprofile).
  • Hints optimizeDeps, snippet nuxt.config.ts copier-coller généré automatiquement pour pré-bundler les dépendances découvertes à runtime.

Mise à jour

npx nuxt upgrade --dedupe

Release note nuxt.com/blog/v4-4.

Tags

nuxtvuerelease