Vue.js community news & updates

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

Vue on the Edge, Nuxt CLI Upgrades, and the Vite January Recap Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #236 Vue on the Edge, Nuxt CLI Upgrades, and the Vite January Recap View online Vue 📕 Just Use Vue.js 👉🏻 Why aren't you using Vue?

📕 Generate Deterministic UIs with Vue and the AI SDK 👉🏻 Deterministic UIs are a great way to empower users to get things done in your apps with AI.

👉🏻 Use the AI SDK to generate them in your Vue apps.

🛠️ svelteesp32 👉🏻 A curious project for embedding Svelte, React, Angular or Vue frontends into ESP32 microcontroller apps.

Nuxt 📕 Meet the AI Assistant for Docus 👉🏻 Setup your assistant in seconds with a single environment variable.

👉🏻 Fast and real-time search.

👉🏻 Make it yours with custom tools.

🛠️ nuxt doctor 👉🏻 A diagnostic command for the Nuxt CLI 👉🏻 Validates your setup 👉🏻 Catches common misconfigs 👉🏻 Checks module compatibility 👉🏻 Extensible hook for module authors 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 School’s Free Weekend (February 28 to March 1, Online) 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 📕 Porting 100k lines from TypeScript to Rust using Claude Code in a month 👉🏻 The author shares his experiences and techniques used to work around issues where Claude Code would get bogged down in such a large task.

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

🛠️ Quake 👉🏻 A WIP Three.js-powered port of 1996's Quake.

🛠️ flexboxle 👉🏻 Here's a fun Wordle-style puzzle where you're challenged to enter the correct CSS Flexbox property values in order to reach the goal output.

😂 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

Dynamic UIs, Drag-and-Drop Nuxt, and Smarter Vue Forms Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #235 Dynamic UIs, Drag-and-Drop Nuxt, and Smarter Vue Forms View online Vue 📕 My Opinionated ESLint Setup for Vue Projects 👉🏻 Alex goal was to enforce code structure that’s readable for both developers and AI agents.

📕 Config-driven Vue Interfaces with Dynamic Components 👉🏻 Instead of baking layout decisions into templates, you let configuration decide what gets rendered.

📕 What is useSlots in Vue?

👉🏻 In this article, you’ll explore what useSlots is, when and how to use it, and provide practical examples to clarify its purpose.

🛠️ VueUse Skills 👉🏻 Agent Skills for VueUse - a collection of essential Vue composition utilities.

🛠️ Vue Plugin Template 👉🏻 A comprehensive template for creating Vue 3 plugins with TypeScript, testing, and development tools pre-configured.

🛠️ ElevenLabs UI Vue 👉🏻 A collection of Open Source agent and audio components that you can customize and extend.

🛠️ Vue Router v5.0.0 👉🏻 Vue Router 5 is a boring release, it merges unplugin-vue-router into the core package with no breaking changes.

🛠️ Regle 👉🏻 Headless form validation library for Vue.

Nuxt 🛠️ nuxt-freeform 👉🏻 Desktop-like drag & drop for Nuxt.

👉🏻 Lasso selection, reorder, drop into containers - all with sensible defaults.

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 📕 Tips on How to Pick the Right Icons for Your Website 👉🏻 When picking icons for your website or app, select icons that are meaningful, culturally relevant, and clearly understandable.

📕 CSS Optical Illusions 👉🏻 This is a collection of over 50 optical illusions and interactive demos coded with CSS and HTML.

📕 Introducing LibPDF: The PDF Library TypeScript Deserves 👉🏻 It supports parsing, modifying, signing and generating PDFs with a modern API in Node, Bun, and the browser.

🛠️ Clawdbot 👉🏻 Clawdbot is an open-source, personal AI assistant designed to run on a user's own devices.

👉🏻 Offering local, fast, and always-on AI capabilities.

😂 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 Released, Vue Testing Insights & Free JavaScript Certification Weekend Ready for your weekly Vue & Nuxt dose?

Weekly Vue News #234 Nuxt 4.3 Released, Vue Testing Insights & Free JavaScript Certification Weekend View online Vue 📕 What to Unit Test in a Vue App (And What Not to Touch) 👉🏻 In Vue applications, the real challenge isn’t how to write unit tests - it’s what is actually worth testing.

📕 10 Vue Powered Heroes for Design Inspiration* 👉🏻 Let's explore 10 diverse hero section designs built with Vue.js and Nuxt UI, ranging from elegant simplicity to immersive interactive experiences.

📹 Exposing Parts Of Your Vue Component 👉🏻 In this video, you take a look at the defineExpose complier macro in Vue.

🛠️ Pellicule 👉🏻 Write Vue components.

Render videos.

No timeline editors needed.

Nuxt 📕 Nuxt 4.3 is out 👉🏻 It brings powerful new features for layouts, caching, and developer experience – plus significant performance improvements under the hood.

📕 Error Handling in Nuxt 👉🏻 Explore how error handling works in Nuxt 3, including built-in mechanisms, best practices, and how to implement custom error pages and logic.

📕 What's changing in Nuxt Studio* 👉🏻 Nuxt Studio just transitioned into an open-source platform.

👉🏻 This article explores the transition, changes, vision and what that means for developers working with Nuxt Studio.

🛠️ Nuxt Care 👉🏻 A health-check & audit tool for Nuxt modules.

👉🏻 Find out which modules are well-maintained, Nuxt 4 compatible, and which ones to avoid.

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 🚀 JavaScript Certification Free Weekend 👉🏻 On Feb 7-8 Certificates.dev will allow free access to its JavaScript Certification Training.

👉🏻 This means 48 hours of free, unlimited access to structured training experience, including 17 theory lessons, 18 coding challenges, and 42 pop quiz questions.

👉🏻 You also get access to a trial exam.

📕 Software Testing Fundamentals Every Developer Should Understand 👉🏻 Essential software testing fundamentals includes concepts like test cases, test doubles, various bug types, testing goals, and the structured approach of the testing pyramid.

🛠️ jQuery 4.0.0 👉🏻 After a long development cycle and several pre-releases, jQuery 4.0.0 brings many improvements and modernizations.

👉🏻 It is the first major version release in almost 10 years and includes some breaking changes.

🛠️ beasties 👉🏻 A library to inline your app's critical CSS and lazy-load the rest.

📹 Vite+, Void(0) & the Future of Frontend Tooling 👉🏻 Jakub & Alex talk about Open Source, Dev Rel, Vite, Vite+ and the future of frontend tooling.

😂 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.

We have some exciting news about the roadmap to Nuxt 4, including a new timeline and what to expect in the next few weeks.

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!