Vue.js community news & updates

Final Newsletter Issue Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #241 Final Newsletter Issue View online First of all: thank you.

Over the years, more than 4,500 subscribers joined this newsletter and helped turn it into something much bigger than I ever expected when I started.

Your support, replies, shares, and encouragement made this project possible.

For 240 consecutive weeks, I published a new issue without missing a single one.

I’m incredibly proud of that consistency and grateful that so many of you spent part of your week reading something I created.

Reaching thousands of people with my content has been an amazing experience.

At the same time, I’ve noticed that in its current form the newsletter hasn’t been attracting new subscribers for quite a while.

Over the past months, I’ve also found myself investing less and less time and motivation into the project.

Running the newsletter requires a significant amount of time and also ongoing costs.

At this point, I’ve realized that the effort is simply more than I’m willing to continue investing.

I’d rather spend that time with my family or focus on projects that are sustainable for me financially.

So what happens next?

For the foreseeable future, I won’t be sending any new issues.

The website will remain online for now, but it will include a clear banner informing visitors that the newsletter is no longer being updated.

That said, I’m not going anywhere.

I’ll still be part of the Vue and Nuxt community and plan to focus more on my Nuxt Starter Kit and my freelance business.

Once again, thank you for being part of this journey and for helping make this project what it became.

I truly appreciate every single one of you who subscribed, read, and supported the newsletter over the years.

— Thank you for making it possible.

Michael Hoffmann (Curator) Unsubscribe Siegersdorf 18, 94371 Rattenberg, Germany

Nuxt 4.4 brings custom useFetch/useAsyncData factories, vue-router v5, a new accessibility announcer, typed layout props, build profiling, smarter payload handling, and much more.

TypeScript at Scale, Pinia Colada v1, Vite Recap & effectScope Deep Dive Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #240 TypeScript at Scale, Pinia Colada v1, Vite Recap & effectScope Deep Dive View online Vue 📕 Using effectScope to Control Vue Reactivity Lifecycles 👉🏻 Vue 3 introduced effectScope to give developers explicit control over the lifecycle of reactive effects.

📕 Best practices for Accessibility in Vue / Nuxt 👉🏻 This guide will walk you through practical, tested accessibility practices for Vue 3 and Nuxt 3 apps.

📕 Vue.js with TypeScript: Best Practices for Large-Scale Projects 👉🏻 Learn the best practices for scaling Vue with TypeScript to meet the demands of modern enterprise environments.

📕 Lesser-Known but Powerful Vue Features 👉🏻 Vue includes several lesser-known features that can significantly improve performance, code clarity, architecture, and developer experience.

Nuxt 📕 Best practices for Accessibility in Vue / Nuxt 👉🏻 This guide will walk you through practical, tested accessibility practices for Vue 3 and Nuxt 3 apps.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands) Vueconf US (19-21 May 2026, Atlanta, USA) MadVue (22 May 2026, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 📕 Seven Years to TypeScript: Migrating 11,000 Files at Patreon 👉🏻 Patreon successfully completed a seven-year migration (2019-2026) of its entire 11,000-file, 1 million-line frontend codebase from JavaScript to TypeScript.

📕 What’s New in ViteLand: February 2026 Recap 👉🏻 A recap of the project updates for Vite+, Vite, Vitest, Rolldown, Oxc, and what’s happening in the community.

🛠️ Pinia Colada v1 👉🏻 After 2 years of iterating, Pinia Colada has matured into a light, performant and Vue native solution for async state management.

🛠️ json-render 👉🏻 Generate dynamic, personalized UIs from prompts without sacrificing reliability.

👉🏻 Predefined components and actions for safe, predictable output.

📹 Open Source devs just built a modern npmjs.com?!

👉🏻 Learn why npmx.dev is my new way to browse npm packages.

😂 Fun 🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments?

Join the discussion about this issue in our Discord community .

Until next week, Michael Hoffmann (Curator) To support me: 😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter 🦋 Repost the latest BlueSky post 📨 Reply to this email: feedback is welcome * Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost.

Thank you for supporting my newsletter.

Unsubscribe Siegersdorf 18, 94371 Rattenberg, Germany

Accessibility tips, Nuxt UI updates, and power tools for dev productivity Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #239 Accessibility tips, Nuxt UI updates, and power tools for dev productivity View online Vue 📕 Accessibility in Vue: Quick Tips for Building Inclusive Apps 👉🏻 This article provides practical and quick tips for improving accessibility in Vue apps.

🛠️ vue-scrollama 👉🏻 A library for doing so called "scrollytelling" where scroll position affects the presence of certain elements in the viewport.

🛠️ Knowledge Agent Template 👉🏻 Open source file-system and knowledge based agent template.

👉🏻 Build AI agents that stay up to date with your knowledge base.

Nuxt 🛠️ Nuxt UI v4.5 👉🏻 New Theme component to override the styling of all child components at once 👉🏻 4 new neutral colors from Tailwind v4.2: taupe, mauve, mist, olive 👉🏻 Duplicate toast prevention with pulse animation 👉🏻 ...and lots more 🛠️ FrameZero v1 👉🏻 Matt, the creator of this tool, calls it "Whiteboard Video Editor" and released v1.

👉🏻 Built for explainers, tutorials, and video essays with Nuxt.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands) Vueconf US (19-21 May 2026, Atlanta, USA) MadVue (22 May 2026, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 📕 Database Transactions 👉🏻 Database transactions are fundamental, atomic operations that combine multiple SQL queries into a single unit, ensuring data consistency and allowing for rollbacks.

📕 How we rebuilt Next.js with AI in one week 👉🏻 Cloudflare ported Next.js to Vite in a week for $1,100.

📕 Code Isn't Slowing Your Project Down, Communication Is 👉🏻 Poor communication, rather than code complexity, is the primary factor that slows down software projects and shapes system architecture.

🛠️ Oxfmt Beta 👉🏻 A 100% Prettier-compatible JavaScript code formatter (and sister project of Oxlint) that boasts being 30x faster than Prettier and 3x faster than Biome.

😂 Fun 🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments?

Join the discussion about this issue in our Discord community .

Until next week, Michael Hoffmann (Curator) To support me: 😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter 🦋 Repost the latest BlueSky post 📨 Reply to this email: feedback is welcome * Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost.

Thank you for supporting my newsletter.

Unsubscribe Siegersdorf 18, 94371 Rattenberg, Germany

Nuxt UI v4, business wins with Nuxt, and VueUse Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #238 Nuxt UI v4, business wins with Nuxt, and VueUse View online Vue 📕 Building Better Abstractions with Vue Render Functions* 👉🏻 Learn a practical pattern for using Vue render functions to build better abstractions and simplify your component architecture.

📕 The Complete Guide to Vue Slots* 👉🏻 This guide walks you through the basics, advanced techniques, and plenty of practical scenarios of Vue Slots.

📹 Build Your First 3D Scene with Vue + TresJS 👉🏻 Alvaro shows you how he develops 3D experiences with Vue.

📹 State, Routing, and the Future of Vue 👉🏻 Jakub talks to Eduardo San Martin Morote - Core Team Member of Vue.js, creator of Pinia, and maintainer of Vue Router.

👉🏻 They explore the evolution of Vue’s ecosystem, the philosophy behind Pinia, the challenges of maintaining infrastructure used by millions of developers, and what the future holds for state management, routing, and reactivity.

🛠️ Broad Infinite List 👉🏻 A high-performance, bidirectional infinite loader for Vue, React and React Native.

Nuxt 📕 Business Advantages of Using Nuxt 👉🏻 A practical look at how Nuxt impacts SEO, performance, scalability, and time to market — not just developer experience.

📕 Supercharging Nuxt Apps with VueUse 👉🏻 If you’re building Nuxt apps and not using VueUse yet, you’re probably working harder than you need to.

📹 My New Favorite UI Library (Nuxt UI) 👉🏻 In this video, you take a look at Nuxt UI v4.

👉🏻 A comprehensive Vue UI component library with 125+ accessible, components for building modern web applications.

🛠️ evlog 👉🏻 A TypeScript logging library focused on wide events and structured error handling.

👉🏻 Works as a first‑class Nitro v2/v3 module for any framework built on Nitro (Nuxt & more).

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands) Vueconf US (19-21 May 2026, Atlanta, USA) MadVue (22 May 2026, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 🛠️ TanStack Hotkeys 👉🏻 A type-safe, cross-platform hotkey library with sequence detection, key state tracking, hotkey recording, and framework adapters for React and more.

📕 How to make an HTTP request in Node.js 👉🏻 Learn to make HTTP requests in Node.js using built-in fetch(), http/https modules.

👉🏻 Covers POST, authentication, streaming, and testing with code examples.

😂 Fun 🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments?

Join the discussion about this issue in our Discord community .

Until next week, Michael Hoffmann (Curator) To support me: 😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter 🦋 Repost the latest BlueSky post 📨 Reply to this email: feedback is welcome * Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost.

Thank you for supporting my newsletter.

Unsubscribe Siegersdorf 18, 94371 Rattenberg, Germany

Top Nuxt Modules for 2026, TypeScript 6.0 Beta, and AI Content Tools Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #237 Top Nuxt Modules for 2026, TypeScript 6.0 Beta, and AI Content Tools View online Nuxt 📕 Nuxt Modules Worth Checking Out in 2026* 👉🏻 Discover the top Nuxt modules worth checking Out in 2026 to boost performance, improve DX, and streamline your Vue and Nuxt projects.

📕 AI-Powered Content Assistance in Nuxt Studio 👉🏻 Learn how to enable and use AI-powered features in Nuxt Studio for intelligent content completion, transformation, and style guidance.

📕 Regular Nuxt Patch Releases 👉🏻 v4.3.1 and v3.21.1 include a range of fixes: 👉🏻 path encoding is now properly aligned with vue-router (which anyone using @nuxtjs/i18n@nuxtjs/i18n with encoded paths will appreciate).

👉🏻 A fix for visual flashes when navigating between nested routes of different depths, and CSS flickering after config changes in dev mode.

👉🏻 createErrorcreateError with fatal: truefatal: true should no longer strip custom error messages in production SSR.

🛠️ Nuxt UI v4.4.0 👉🏻 Lots of Editor love (task lists, placeholder mode, code in links).

👉🏻 CommandPalette & InputMenu improvements.

👉🏻 Calendar week numbers.

👉🏻 New byby & valueKeyvalueKey props.

🛠️ @nuxt/test-utils v4 is out 👉🏻 Mocking is much more reliable.

👉🏻 Works with vitest v4 + Vite's native Module Runner.

👉🏻 registerEndpointregisterEndpoint improvements.

🛠️ quick-conf 👉🏻 A completely free template for quickly setting up a new conference or meetup website.

👉🏻 Powered by Nuxt Studio under the hood as a Git-based CMS.

🛠️ excalidrawNuxt 👉🏻 A collaborative drawing application built with Nuxt 4 and Vue 3.

👉🏻 Inspired by and based on Excalidraw.

Launch Your Nuxt App in Minutes - Not Weeks I built this starter kit because I kept rewriting the same boilerplate for every new Nuxt project.

📅 Events Vue.js Amsterdam (12-13 March 2026, Amsterdam, Netherlands) Vueconf US (19-21 May 2026, Atlanta, USA) MadVue (22 May 2026, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 📕 It’s about to get a lot easier for your JavaScript to clean up after itself 👉🏻 JS is getting a using keyword, the first new way to declare a variable since const and let in 2015.

👉🏻 It automatically cleans up resources (file handles, connections, and streams) when they go out of scope.

📕 Announcing TypeScript 6.0 Beta 👉🏻 The last release based on the current JavaScript codebase.

👉🏻 TypeScript 7.0 and beyond will use a new codebase for the TypeScript compiler and language service written in Go.

🛠️ wc3ui 👉🏻 A themeable, accessible component library inspired by the Warcraft III interface.

👉🏻 Ships with four faction themes out of the box.

👉🏻 Zero dependencies.

👉🏻 Framework-agnostic.

🛠️ npmx 👉🏻 A fast, modern browser for the npm registry.

😂 Fun 🔗 Want more Vue & Nuxt content?

More Exclusive Vue Tips: Join Michael Thiessen's newsletter and get great Vue tips and insights delivered to your inbox each week.

Weekly Vue & Nuxt Videos: You should subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

Comments?

Join the discussion about this issue in our Discord community .

Until next week, Michael Hoffmann (Curator) To support me: 😘 Recommend the newsletter to your friends: it really helps!

💸 Sponsor this newsletter 🦋 Repost the latest BlueSky post 📨 Reply to this email: feedback is welcome * Some of my links are affiliate links; if you make a purchase, I gain a small percentage at no extra cost.

Thank you for supporting my newsletter.

Unsubscribe Siegersdorf 18, 94371 Rattenberg, Germany

Nuxt 4.3 is out – route rule layouts, ISR payload extraction, draggable error overlay, and more!

How we built the Nuxt MCP server to enable AI assistants to access our documentation through structured data and composable tools.

Nuxt Image v2 is out - with full TypeScript support, IPX v3, and new providers!

Nuxt 4.2 is out - with experimental TypeScript plugin support, better error handling in development, abort control for data fetching, and more!

Nuxt UI v4 unifies Nuxt UI and Nuxt UI Pro into one powerful, completely free library.

With over 110 components, 12 templates, and a comprehensive Figma kit, all of this is available for free.

Nuxt 4.1 is out - bringing enhanced build stability, better development experience, and powerful new features for module authors!

Nuxt 3.18 is out - bringing v4 features to v3, improved accessibility, better browser dev tooling integration, and performance enhancements!

Nuxt 4.0 is here!

A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety.

A lightweight, privacy-focused widget to gather your feedback on Nuxt documentation, built with Drizzle, NuxtHub database and Motion Vue.

Today we are excited to announce the release of Vue 3.5 "Tengen Toppa Gurren Lagann"!

This minor release contains no breaking changes and includes both internal improvements and useful new features.

We will cover some highlights in this blog post - for a full list of changes and new features, please consult the full changelog on GitHub.

Today we are happy to announce the (long overdue) 1.0 release of VitePress!

VitePress is a Static Site Generator (SSG) designed for building fast, content-centric websites.

In a nutshell, VitePress takes your source content written in Markdown, applies a theme to it, and generates static HTML pages that can be easily deployed anywhere.

VitePress is built on top of Vite and Vue, and is the spiritual successor and modern replacement of VuePress.

Today we're excited to announce the release of Vue 3.4 "🏀 Slam Dunk"!

This release includes some substantial internal improvements - most notably a rewritten template parser that is 2x faster, and a refactored reactivity system that makes effect triggering more accurate and efficient.

It also packs a number of quality-of-life API improvements, including the stabilization of defineModel and a new same-name shorthand when binding props.

This post provides an overview of the highlighted features in 3.4.

For the full list of changes, please consult the full changelog on GitHub.

With 2024 almost upon us, we would like to take this opportunity to remind the Vue community that Vue 2 will reach End of Life (EOL) on December 31st, 2023.

Vue 2.0 was released more than 7 years ago in 2016.

It was a major milestone in Vue's journey of becoming a mainstream framework.

Many current Vue users started using Vue during the Vue 2 era, and many great things have been built with it.

However, active maintenance of two major versions in parallel isn't sustainable for us.

As Vue 3 and its ecosystem have matured, it is time for the team to move on and focus our energy on the latest major version.

Today we're excited to announce the release of Vue 3.3 "Rurouni Kenshin"!

This release is focused on developer experience improvements - in particular, SFC <script setup> usage with TypeScript.

Together with the 1.6 release of Vue Language Tools (previously known as Volar), we have resolved many long-standing pain points when using Vue with TypeScript.

This post provides an overview of the highlighted features in 3.3.

For the full list of changes, please consult the full changelog on GitHub.

Most users of Volar know it as the official Vue.js VSCode extension.

It started as a personal project when the official recommendation was still Vetur, and over time got adopted as the new official extension due to improved architecture and performance.

As a project created to improve the quality of life for developers, we spent over two years before reaching 1.0, and have been continuously shipping stability improvements.

But we've still got more work to do, and there are exciting plans for 2023.

Happy new year, Vue community!

With 2023 upon us, we would like to take this opportunity to recap what happened in 2022, and discuss what to expect in 2023.

Recently, folks at Escape shared a blog post talking about their migration from Vue 2 to Svelte, and compared Vue 3 with Svelte.

We found that the article contained a number of inaccuracies.

In this post, we will share some thoughts from our perspective and hope to clarify the potential misconceptions the post could give rise to.

We are happy to announce that we have released v1.0 of Volar, the official IDE/TS tooling support for Vue!

🎉 This major version ships with tons of improvements across the board.

In addition to improving UX, performance, and package size, we also released Plugin API v1 and refactored the core code to be framework-agnostic.

注：結尾附有中文版本 (There is Chinese version of this post at the end)。

Today we are happy to announce that Vue 2.7 "Naruto" has been released!