Vue.js community news & updates

Latest news, success stories, and blog insights from the Vue.js & NUXT ecosystem

Vue.js Community Updates

Stay updated with the latest Vue.js news, tutorials, releases, and ecosystem insights.

News
10 Nov 25

Weekly Vue News #223 - Mastering Nuxt Layers, Pinia v3, and Image Optimizations

Mastering Nuxt Layers, Pinia v3, and Image Optimizations
Ready for your weekly Vue & Nuxt dose?
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏

Weekly Vue News #223

Mastering Nuxt Layers, Pinia v3, and Image Optimizations

View online

Hi 👋

This week brings exciting updates including Nuxt Studio's alpha release, Nuxt Image v2 with full TypeScript support, and more..

Enjoy this issue and have a lovely week ☀️

Vue


📕 I Built the Same App 10 Times: Evaluating Frameworks for Mobile Performance

👉🏻 When targeting mobile devices, small bundle sizes and quick rendering times are key, so Loren wanted to see how different approaches compared.

🛠️ vue-command

👉🏻 A fully working, most feature-rich Vue.js terminal emulator.

Nuxt


📕 Nuxt Studio Alpha Release

👉🏻 Introducing the first alpha release of Nuxt Studio as a free, open-source Nuxt module.

👉🏻 Edit your content in production with GitHub integration and real-time preview.

📕 Nuxt Image v2

👉🏻 Full TS support with typed providers + modifiers

👉🏻 IPX v3

📕 Building a Modular Monolith with Nuxt Layers: A Practical Guide

👉🏻 Learn how to build scalable applications using Nuxt Layers to enforce clean architecture boundaries without the complexity of microservices.

📕 Understanding useState in Nuxt: The Simple Way to Share State*

👉🏻 Explore Nuxt’s built-in composable for shared reactive data that works seamlessly with SSR.

🛠️ Pinia v3

👉🏻 Mostly with Nuxt and testing improvements.

Nuxt Starter Kit

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


Vueconf US (19-21 May 2026, Atlanta, USA)

MadVue (22 May 2026, Madrid, Spain)

💬 Quote of the week


Quote of the week

🧑🏻‍💻 In Other News


📕 4 Unconventional Ways to Cast in Typescript

👉🏻 This article goes over four unconventional methods to cast between types in TypeScript, showing potential unsoundness in the language's type system.

📕 Improving the Trustworthiness of JavaScript on the Web

👉🏻 By way of WAICT (Web Application Integrity, Consistency, and Transparency), an early-stage W3C-backed effort.

🛠️ A heatmap diff viewer for code reviews

👉🏻 This tool provides a heatmap diff viewer for code reviews, highlighting lines and tokens based on their potential need for human attention, not just for bugs but also for complexity or unusual patterns.

🛠️ spoilerjs

👉🏻 If you’ve got some text (or maybe sensitive data like a token) you want to hide on a page until someone clicks on it, this Telegram-inspired web component is for you.

😂 Fun


Programmer Humor

🔗 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

News
05 Nov 25

Nuxt Image v2

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

Weekly Vue News #222 - Nuxt 4.2 Lands, Nitro v3 Previewed, and Tools to Boost Your Workflow

Nuxt 4.2 Lands, Nitro v3 Previewed, and Tools to Boost Your Workflow
Ready for your weekly Vue & Nuxt dose?
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏

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

Vue School's Free Weekend

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.

Nuxt Starter Kit

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


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


Programmer Humor

🔗 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

News
27 Oct 25

Weekly Vue News #221 - Vapor Mode, Vue Reactivity Quirks & Vitest 4.0 Released

Vapor Mode, Vue Reactivity Quirks & Vitest 4.0 Released
Ready for your weekly Vue & Nuxt dose?
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏

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.

Nuxt Starter Kit

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


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


Programmer Humor

🔗 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

News
25 Oct 25

Nuxt 4.2

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

Weekly Vue News #220 - Mastering Vue Reactivity, Hydration, and Smarter State with Pinia

Mastering Vue Reactivity, Hydration, and Smarter State with Pinia
Ready for your weekly Vue & Nuxt dose?
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏

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.

Nuxt Starter Kit

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


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


Programmer Humor

🔗 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

TRACK_VIEW_PLACEHOLDER
News
13 Oct 25

Weekly Vue News #219 - Nuxt Deep Dive: Passkeys, Environment Configs & the Great Next.js Showdown

Nuxt Deep Dive: Passkeys, Environment Configs & the Great Next.js Showdown
Ready for your weekly Vue & Nuxt dose?
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏

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.

Nuxt Starter Kit

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


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


Programmer Humor

🔗 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

News
22 Sept 25

Nuxt UI v4

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.
News
02 Sept 25

Nuxt 4.1

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

Nuxt 3.18

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

Announcing Nuxt 4.0

Nuxt 4.0 is here! A thoughtful evolution focused on developer experience, with better project organization, smarter data fetching, and improved type safety.
News
13 Jun 25

Building a Privacy-First Feedback Widget

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

Roadmap to v4

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

Nuxt 3.17

Nuxt 3.17 is out - bringing a major reworking of the async data layer, a new built-in component, better warnings, and performance improvements!
News
12 Mar 25

Nuxt UI v3

Nuxt UI v3 is out! After 1500+ commits, this major redesign brings improved accessibility, Tailwind CSS v4 support, and full Vue compatibility
News
01 Sept 24

Announcing Vue 3.5

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.

News
21 Mar 24

Announcing VitePress 1.0

vitepress logo

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.

News
28 Dec 23

Announcing Vue 3.4

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.

News
15 Dec 23

Vue 2 is Approaching End Of Life

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.

News
11 May 23

Announcing Vue 3.3

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.

News
08 Feb 23

Volar: a New Beginning

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.

News
01 Jan 23

2022 Year In Review

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.

News
05 Dec 22

On Escape's Vue 2 to Svelte Migration

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.

News
10 Oct 22

Volar 1.0 "Nika" Released!

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)。

News
01 Jul 22

Vue 2.7 "Naruto" Released

naruto-vue-logo

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

Stay up to date with Vue.js releases and tools. Read quick news and tips from the community.

Learn from tutorials and shared experience. We post fresh updates every week. Be part of the Vue movement — stay informed and inspired.

V
Vue Collective

Connecting Vue.js jobs with Vue.js specialists, Vue and NUXT experts worldwide.

Tired of Upwork, Fiverr & Freelancer.com? Vue Collective is the only platform that matches Vue.js developers with pure Vue roles. We vet developers with verified developer portfolios, transparent rates, and proven expertise.

Community

© 2025 Vue Collective. Built in Vue.js. Powered by NUXT 4 ⚡️