Weekly Vue News #222

Nuxt 4.2 Lands, Nitro v3 Previewed, and Tools to Boost Your Workflow

View online

Hi 👋

I drastically reduced the limitations of CodeSnap.dev free plan - it's now basically the same as the Pro plan. The only remaining restriction is on using custom media elements, which helps keep provider costs down.

Enjoy this issue and have a lovely week ☀️

Vue

📕 8 Reasons Why Vue.js is Worth Considering for Your Next Project

👉🏻 This article goes over the main benefits of the framework and show you why it could be a good choice for your next app development project.

📕 Biome v2.3

👉🏻 The fast formatter/linter introduces Vue, Svelte and Astro support.

Sponsored Join Vue School's Free Weekend Ready to level up your Vue skills for free? Clear your schedule for November 8-9 — Vue School's Free Weekend is back! ⚡

Nuxt

📕 Nuxt 4.2 is out

👉🏻 With experimental TypeScript plugin support, better error handling in development, abort control for data fetching, and more.

🛠 Nuxt Dashboard v2

👉🏻 Nuxt UI v4

👉🏻 Multiple new dashboards

👉🏻 Persistent Data storage with SQLite & DrizzleORM

👉🏻 Server-side pagination, filter, sorting

📹 Nitro v3 alpha: The first look

👉🏻 Nitro v3 alpha is explored as a Vite plugin, showcasing its new features.

👉🏻 The video demonstrates setting up a Nitro app and examines the server entry point.

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

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Rethinking async loops in JavaScript

👉🏻 Using awaitawait within JavaScript loops, specifically forfor loops and map()map() functions, when dealing with asynchronous operations, has some pitfalls.

📕 @ts-ignore is almost always the worst option

👉🏻 In TypeScript, anyany and @ts-expect-error@ts-expect-error are almost always better than @ts-ignore@ts-ignore.

🛠️ DevTUI

👉🏻 Another option for a local, native all-in-one toolkit with things like encoders, decoders, formatters, converters, and more.

👉🏻 But this one consolidates the utilities into a TUI and CLI.

🛠️ Web Codegen Scorer

👉🏻 If you're using code generation tools, this tool, from Google's Angular team, may be useful for comparing outputs by different models or monitoring quality over time.

😂 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 #221

Vapor Mode, Vue Reactivity Quirks & Vitest 4.0 Released

View online

Hi 👋

I’ve published two new Nuxt modules for SignupGate and Aidbase — two tools I use heavily in my own apps. You can get access to both through a lifetime deal in the FounderStack bundle*.

On a less positive note, the subscriber count of this newsletter has been stagnating lately, which is a bit frustrating. If you enjoy it, I’d really appreciate it if you could share it with your friends or co-workers — it would mean a lot!

Enjoy this issue and have a lovely week ☀️

Vue

📕 Vue's Magical Reactivity Has Some Quirks*

👉🏻 Why does Vue's reactivity sometimes behave unexpectedly?

👉🏻 Explore ref unwrapping edge cases and cloning complications with clear examples and fixes.

📕 Announcing Vitest 4.0

👉🏻 Browser Mode being marked stable.

👉🏻 Visual Regression testing support.

📹 Blazing Fast Vue.js with Vapor Mode

👉🏻 Vapor Mode is a new rendering strategy for Vue.js that skips the Virtual DOM, uses less memory, and produces tiny app bundles, similar to the strategies used by Solid.js and Svelte.

Nuxt

📕 A Deep Dive Into How Nuxt Route Transitions Work*

👉🏻 Michael did a deep dive into the Nuxt source code and explains his insights.

📹 Webpack and Rspack with Nuxt 4?!

👉🏻 Nuxt is inherently supporting multiple build-tools.

🛠️ Nuxt UI v4.1.0

👉🏻 New Empty component.

👉🏻 Virtualization for large datasets.

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

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 Why Self-host?

👉🏻 Self-hosting personal services like calendar, contacts, email, smart home, RSS feeds, and location tracking helps one regain privacy, sovereignty, and control over personal data, escaping reliance on Big Tech.

📕 The History of Core Web Vitals

👉🏻 Addy tells the story behind Core Web Vitals, a popular set of metrics for measuring Web performance and its impact on user experience.

🛠️ Make Graph

👉🏻A nicely designed tool with 10 chart types (bar, line, pie, scatter, heatmap, etc.), 10+ themes, prebuilt templates, and features for making the charts more accessible with visual pattern textures.

🛠️ Free OG Image Generator

👉🏻 Choose from different templates for the platform you want the image to display on.

👉🏻 You can also use an API to generate the images on the fly via JSON or cURL.

😂 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 #220

Mastering Vue Reactivity, Hydration, and Smarter State with Pinia

View online

Hi 👋

I continued working on nuxt-email-renderer which is now stable and available in v2 with i18n support. Additionally, I'm currently implementing passkey support for my Nuxt Starter Kit.

Enjoy this issue and have a lovely week ☀️

Vue

📕 How to Fix Vue Hydration Mismatch

👉🏻 When working with Vue or Nuxt, one of the most confusing and frustrating issues you might encounter is the hydration mismatch warning.

📕 Smarter Data Fetching with Pinia Colada*

👉🏻 Discover the basics of Pinia Colada.

👉🏻 Keys, caching, and deduplication - for simpler, smarter data fetching in your Vue apps.

📕 Vue Basics: State Management in Vue

👉🏻 Learn how to scale Vue state management with ref/reactive, props/emits, provide/inject and Pinia as your app grows.

📕 State management in Vue: Composition API vs. Pinia

👉🏻 Vue 3’s Composition API gives you a powerful, dependency-free way to organize and share state.

👉🏻 Pinia offers clear patterns for organizing and accessing global state.

📕 Vue's Magical Reactivity Has Some Quirks*

👉🏻 Why does Vue's reactivity sometimes behave unexpectedly?

👉🏻 Explore ref unwrapping edge cases and cloning complications with clear examples and fixes.

🛠️ Vue Router 4.6

👉🏻 A new experimental Custom resolvers feature.

👉🏻 Smaller runtime, faster matching, custom param parsers/serializers, and matching on query parameters.

Nuxt

📹 Nuxt vs Nuxi?! What is the correct Nuxt CLI and why

👉🏻 Nuxt's CLI is important - but why do we have nuxi, nuxt, create-nuxt-app, and create-nuxt?

🛠️ Nuxt Email Renderer

👉🏻 Plug-and-play email template rendering using Vue components.

👉🏻 Maintained by myself and I use it to render the emails for this newsletter.

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

VueFes (25 October 2025, Otemachi, Japan)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 TypeScript vs Zod: Clearing up validation confusion

👉🏻 TypeScript provides compile-time type safety during development and building, while Zod validates untrusted data at runtime.

📕 Announcing Vite+

👉🏻 Introducing Vite+, a unified toolchain for JavaScript.

👉🏻 dev, build, test, lint, format, monorepo caching & more in a single dependency, built for scale, speed, and sanity.

📕 CSS has 42 units

👉🏻 The increasing number of CSS units is a positive evolution driven by specific needs.

🛠️ SQLite Online

👉🏻 A quick, simple, visual way to use, test, and host SQLite databases online.

🛠️ Papertoilet

👉🏻 Scroll to un-roll this toilet paper roll.

😂 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 #219

Nuxt Deep Dive: Passkeys, Environment Configs & the Great Next.js Showdown

View online

Hi 👋

This week's issue includes a bunch of great videos and articles for you.

Enjoy this issue and have a lovely week ☀️

Vue

📕 How to Copy to Clipboard In Vue*

👉🏻 Copy-to-clipboard is a tiny UX win that makes apps feel polished.

👉🏻 The easiest way to ship it in Vue is with VueUse’s useClipboard composable.

📕 Shadcn Vue – Elegant, Customizable UI Components for Modern Vue Apps

👉🏻 Shadcn Vue is a modern, flexible, and highly customizable UI solution for Vue applications.

📕 How to Write Better Pinia Stores with the Elm Pattern

👉🏻 By combining the Elm architecture with Pinia’s private store pattern you get a pattern that scales from simple forms to complex domain logic while keeping your code maintainable and your tests simple.

📹 Vite: The Documentary

👉🏻 Featuring many prominent developers in the JS ecosystem, this documentary dives into the innovation, competition, and collaboration that turned Vite from an underdog prototype into the new standard for modern web tooling.

Nuxt

📕 Nuxt Environment Overrides: Clean Config for Every Environment*

👉🏻 Learn how to manage multiple environment configs in Nuxt with ease.

👉🏻 From development to staging and production, streamline your setup with powerful Nuxt tools.

📕 Nuxt vs Next.js: A Practical Comparison

👉🏻 Explore the core differences, ecosystem shape, unique features (with real code), the impact of Vercel’s acquisition, benchmark realities, and use-case guidance.

📕 Passkeys in Nuxt – The best Login UX*

👉🏻 This guide walks you through what passkeys are, why they matter, and how to implement a full passkey (WebAuthn) auth flow in Nuxt 4 using Nuxt Auth Utils, Drizzle ORM (SQLite/libSQL), and Nuxt UI.

📹 Build a 3D Nuxt 4 eCommerce Website

👉🏻 This 6h course is perfect for developers who want to learn how to integrate and animate 3D models.

👉🏻 Start from the basics and work up to learn TresJS, Vue's Three.js implementation.

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

VueFes (25 October 2025, Otemachi, Japan)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 What You Need to Know about Modern CSS (2025 Edition)

👉🏻 An extensive walk through a list of things which are now valuable to know, because they are “pretty fresh or have enjoyed a boost in browser support”.

📕 The Temporal Dead Zone, or why the TypeScript codebase is littered with var statements

👉🏻 The TypeScript codebase still uses `var` statements despite their drawbacks due to the performance benefits gained by avoiding the Temporal Dead Zone (which prevents accessing variables before their declaration with `const` and `let`).

📕 You Can Now Make PS2 Games in JavaScript

👉🏻 Athena is a cool project allowing you to make real PS2 games in JavaScript.

📹 How to make your apps smaller?

👉🏻 Performance is crucial and the cost of JS is high.

👉🏻 Check out how you can reduce your bundle size by taking care of your dependencies

📹 Coinbase says 40% of code written by AI, mostly tests and Typescript

👉🏻 Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI - while keeping quality and security front and center.

🛠️ Drunk CSS

👉🏻 Funnily, CSS can be used to simulate the effects of being drunk on a website's interface as a way to highlight accessibility issues.

😂 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 #218

Nuxt Environments, Package Deduping & Vite News You Can’t Miss

View online

Hi 👋

I developed a Nuxt module to render email templates from Vue components which was used to render this newsletters issue. You can give it a try at nuxtemail.com , it's still in its early days.

In an ideal world, I would love to keep using ( Vue Email ) but it is currently unmaintained and it is much easier for me to develop & maintain the Nuxt-only solution. I'm happy to switch back to Vue Email if it gets updated with a working Nuxt (or Vue) DevTools integration in the future.

Enjoy this issue and have a lovely week ☀️

Vue

📕 Speeding Up the Virtual DOM With Vue.js

👉🏻 Web frameworks often use a virtual DOM to keep track of current UI elements.

👉🏻 To combat performance issues, Vue.js closely couples its runtime and compiler.

📕 Vue.js Usage Statistics

👉🏻 A company analyzed 200K+ websites that use frontend frameworks and compiled statistics for each framework detected.

👉🏻 Vue is the second most popular frontend framework worldwide.

📹 Async State Management in Vue Router

👉🏻 Eduardo the creator of Pinia & Vue core team member will show you how to handle async state management in Vue router.

📹 Creator of Vite: Evan You

👉🏻 Scott and Wes sit down with Evan You, creator of Vue, Vite, and VoidZero, to dig into the future of frontend tooling.

👉🏻 From the speed of Rolldown to why he chose Rust, they explore the evolution of developer experience, bundlers, and what’s next for the web.

Nuxt

📕 Nuxt Environment Overrides: Clean Config for Every Environment*

👉🏻 Learn how to manage multiple environment configs in Nuxt with ease.

👉🏻 From development to staging and production, streamline your setup with powerful Nuxt tools.

📹 You should dedupe your packages

👉🏻 Package deduplication is an important step.

👉🏻 Why? Let's check in the video, based on the Nuxt upgrade command.

🛠️ Docus v5

👉🏻 v5 is now built on top of Nuxt UI v4 which means you can now use it entirely for free.

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

ViteConf (9-10 October 2025, Amsterdam)

VueFes (25 October 2025, Otemachi, Japan)

💬 Quote of the week

🧑🏻‍💻 In Other News

📕 What’s New in ViteLand: September 2025 Recap

👉🏻 Up to 45% faster & smaller Rolldown

👉🏻 Vitest Browser Mode updates

📕 The Day the Linter Broke My Code

👉🏻 A seemingly helpful linter suggestion inadvertently introduced a subtle but critical bug by incorrectly applying a standard method within a custom method of the same name, violating Go's error-handling principles and leading to unexpected error equivalences.

📕 Building a better online editor for TypeScript

👉🏻 Val Town has rewritten and open-sourced its online TypeScript editor from scratch to improve its performance and accuracy.

🛠️ Messenger

👉🏻 This is a beautifully animated example of just what’s now possible in the browser.

👉🏻 A charming little Web-GL interactive experience. Take a moment to explore.

🛠️ ApiSnip

👉🏻 A terminal user interface (TUI) tool for trimming OpenAPI specifications down to size.

😂 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