Community for Vue.js developers & experts

Weekly Vue News #229

View online

Hi 👋

I hope you have a wonderful holiday season and get to spend quality time with your loved ones. Enjoy the break and I'll see you in the new year!

Enjoy this issue and have a lovely week ☀️

Vue

📕 Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode

👉🏻 Learn a practical testing strategy for Vue 3 applications using composable unit tests, Vitest browser mode integration tests, and visual regression testing.

Nuxt

📕 Setting Up Your IDE for Nuxt UI: A Complete Guide

👉🏻 Get autocomplete, TypeScript support, Tailwind IntelliSense, ESLint, and AI-powered MCP, Icon previews, and more.

📕 A Layered Architecture for Nuxt Fullstack applications

👉🏻 As your fullstack Nuxt app grows, you'll need more structure than just routes calling the database directly.

👉🏻 Here's a layered architecture that scales with complexity.

📕 Validating API Routes in Nuxt 4 with Zod

👉🏻 Stop writing manual validation logic in every API route.

👉🏻 Here are some utility functions that make Zod validation painless in Nuxt.

📕 15 Must-Have Nuxt Modules to Supercharge Your Development in 2025

👉🏻 Discover 15 must-use Nuxt modules that boost performance, simplify development, and save hours of configuration.

🛠️ MDCLint

👉🏻 A CLI + ESLint plugin for linting MDC and Markdown.

🛠️ Nuxt Studio beta is out

👉🏻 Form editor for YAML/JSON & Front-matter (based on Nuxt Content schema)

👉🏻 Editor improvements (video, emojis...)

👉🏻 Translated in 16 languages

🛠️ Nuxt UI v4.3.0

👉🏻 New Editor components powered by TipTap

with toolbars, slash commands, mentions, emojis, and drag & drop.

👉🏻 New ScrollArea component with virtualization using TanStack

Virtual.

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

📕 Making complex web apps faster

👉🏻 Microsoft is proposing a new Delayed Message Timing API to help web developers diagnose and fix performance issues in complex web applications that use multiple windows, iframes, or worker threads.

📕 How good engineers write bad code at big companies

👉🏻 Big tech companies produce surprisingly sloppy code because most code changes are made by engineers who are relative beginners to the specific codebase, programming language, or system they're working on.

🛠️ Sonda

👉🏻 A universal bundle analyzer and visualizer for JavaScript and CSS projects.

👉🏻 It generates interactive HTML reports by analyzing source maps and showing module sizes after tree-shaking and minification.

🛠️ Browser Score

👉🏻 A browser testing tool that quickly checks how many web platform features your browser recognizes and gives it a percentage score.

📹 Which plugins slow your build? You can find out now!

👉🏻 The newest Rolldown version helps us finding slow plugins.

😂 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

Weekly Vue News #228

View online

Hi 👋

This issue covers Vue's Suspense component for handling async rendering, NuxtHub's multi-vendor support, and updates to the Nuxt Module Author Guide. It also features interviews with Nuxt creators about the framework's evolution and future direction.

Enjoy this issue and have a lovely week ☀️

Vue

📕 How to handle Async Rendering in Vue with Suspense

👉🏻 When working with data fetching, async components, or delayed UI loading, Vue developers often run into flickering interfaces, hydration issues, or mismatched loading states.

👉🏻 Vue Suspense solves this by giving you full control over asynchronous rendering with built-in placeholders, fallbacks, transitions, and error boundaries.

📕 How to unit test a Vue composable with TypeScript

👉🏻 With this quick Promise-based utility, it's easy to write type-safe unit tests for Vue composables.

Nuxt

📕 NuxtHub Multi-Vendor is now available

👉🏻 NuxtHub is now available on multiple cloud providers.

👉🏻 You can now deploy your NuxtHub project on your own hosting provider.

📕 Updated Nuxt Module Author Guide

👉🏻 The Nuxt team restructured the entire guide to make it way clearer and easier to follow.

📹 The Future of Nuxt

👉🏻 Sébastien Chopin, author of Nuxt and founder of NuxtLabs dives deep into how Nuxt was born, why Nitro exists, and where the Vue & Nuxt ecosystem is heading next.

📹 Working on Nuxt Full-Time

👉🏻 Daniel Roe, Nuxt Core Team Lead, sits down to share his journey from everyday Nuxt user to maintaining the framework at scale and what it’s really like to guide a global open-source project.

📹 Run VS Code in the Nuxt Devtools - Part 2

👉🏻 Alexander Lichter explain how you can run VS code inside the Nuxt DevTools.

🛠️ Nuxt Studio Alpha 4

👉🏻 Google OAuth support which lets non tech content editors authenticate without GitHub or GitLab.

👉🏻 Bug fixes & improvements.

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

📕 Vanilla CSS is all you need

👉🏻 37signals uses vanilla CSS without build tools in its applications by using modern CSS features like custom properties, nesting, and the :has() selector, resulting in simpler, more maintainable code.

📕 Progress on TypeScript 7

👉🏻 The project works behind the scenes hard on both v6.0 and v7.0.

👉🏻 v6.0 is going to be the final JavaScript-based release and act as a stepping stone to the native Go port (v7.0) which is already shaping up to be some 10x faster.

🛠️ Tunnl.gg

👉🏻 Provides instant public URLs for local web servers, making it easy to expose localhost to the internet.

👉🏻 It requires no installation as it relies solely on a simple SSH command.

🛠️ Fresh

👉🏻 A terminal text editor with features like a menu system, command palette, and full mouse support.

😂 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 must subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

DejaVue Podcast: A weekly podcast about Vue.js and the ecosystem around it.

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

Weekly Vue News #227

View online

Hi 👋

This issue covers exciting developments across the Vue ecosystem, including Vite 8 Beta with Rolldown for faster builds, mastering Nuxt's Repository Pattern and DevTools features, and the new Nuxt Studio Alpha 3 with its Notion-like editor.

Enjoy this issue and have a lovely week ☀️

Vue

📕 Using Vue’s Custom Renderer API to Build Interfaces Beyond the DOM

👉🏻 In this article, you’ll explore what the Vue Custom Renderer API is and why it matters.

📕 The Most-Watched Vue, Nuxt & Vite Talks of 2025 (so far)

👉🏻 The author used Python scripts to scan some of the conferences of 2025.

📕 Vite 8 Beta: The Rolldown-powered Vite

👉🏻 The first beta of Vite 8, powered by Rolldown, is now available.

👉🏻 It ships significantly faster production builds and unlocks future improvement possibilities.

Nuxt

📕 The Repository Pattern in Nuxt: How to Future-Proof Your Data Layer*

👉🏻 If you don't use the this pattern (or at least something like it), you'll be coupled to your database which will probably cause some problems.

📹 Nuxt DevTools can do that - Part 1

👉🏻 Alex Lichter takes an in-depth look in the first half of the features of the Nuxt DevTools.

🛠️ Nuxt Studio Alpha 3

👉🏻 Includes the Notion-like editor, powered by the upcoming Nuxt UI editor component.

👉🏻 Fully adapted for the MDC syntax.

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

📕 satisfies is my favorite TypeScript keyword

👉🏻 The satisfiessatisfies keyword in TypeScript acts as a type-safe cast, making sure an assignment is assignable to a provided type while allowing TypeScript to infer a more specific type based on the value.

📕 Brand New Layouts with CSS Subgrid

👉🏻 CSS Subgrid allows developers to extend CSS Grid layouts through the DOM tree, enabling new UI possibilities and better semantic markup.

📕 Announcing Oxfmt Alpha

👉🏻 A fast Rust-based formatter that is available now in alpha stage and supports JavaScript and TypeScript files

👉🏻 It is 30x faster than Prettier while having 95% compatibility.

🛠️ AdventJS

👉🏻 A daily challenge that will test your JavaScript know-how.

😂 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 must subscribe Alexander Lichter's YouTube channel if you are interested in Vue & Nuxt.

DejaVue Podcast: A weekly podcast about Vue.js and the ecosystem around it.

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