Vue framework Nuxt has released v3.9 with new features, Vite 5 and Rollup 4 support

Nuxt, the Vue framework renowned for enhancing web development, has rolled out its latest version, 3.9, packed with new features, enhancements, and bug fixes. The release is notable for its inclusion of Vite 5 and Rollup 4 support, extending its capabilities to a broader range of development tasks.

Nuxt 3.9 has been tested with the latest Vue 3.4 release candidate, ensuring compatibility and readiness to leverage the fresh features of Vue 3.4. This includes the ability to debug hydration errors in production within the Nuxt configuration, a significant step towards increasing the robustness of web applications.

The updated version introduces the ability to experiment with interactive components within Nuxt server components, expanding the scope for user interaction and dynamic content. Additionally, developers can now employ Vite's new AST-aware 'define' for more precise replacements in server-side code. This new functionality, powered by esbuild, is syntax-aware, adding another layer of accuracy to code manipulation.

Nuxt 3.9 also introduces a new hook-based system for NuxtLoadingIndicator, including a useLoadingIndicator composable that provides control over the loading state. Furthermore, a new utility, callOnce, is included, allowing code to run only once, regardless of the number of page loads.

The update has also focused on refining error types, making them more precise in terms of what developers will actually encounter. Alongside these enhancements, Nuxt 3.9 brings minor performance improvements, further streamlining the development process.