Community for Vue.js developers & experts

Weekly Vue News #225

View online

Hi 👋

This issue is packed with deep dives into Vue state management, hidden Nuxt 3 → 4 features and migration tips, plus fresh tools for better DX - from Nuxt MCP and Nuxt UI updates to source maps, Zod, backend basics, and new cross‑platform UI libraries.

Besides that, I’m actively migrating my Nuxt Starter Kit from nuxt-auth-utilsnuxt-auth-utils to better-authbetter-auth, which drastically reduces the amount of auth code I need to maintain.

Enjoy this issue and have a lovely week ☀️

Vue

📕 Navigating State Management in Vue: Composables, Provide/Inject, and Pinia

👉🏻 In this article I’ll walk you through composables, provide/inject, and Pinia.

👉🏻 When to use each, how to use them well, and practical examples you can copy into your projects.

🛠️ VueFinder 4.0

👉🏻 A sleek, developer-friendly file manager.

👉🏻 This version refines the architecture, improves performance, and simplifies the developer experience.

Nuxt

📕 Building an MCP Server for Nuxt

👉🏻 How the Nuxt team built the Nuxt MCP server to enable AI assistants to access their documentation through structured data and composable tools.

📕 26 Nuxt Features You May Have Missed*

👉🏻 Explore the most impactful features from Nuxt 3.0 to 3.17 you may have missed.

👉🏻 With clear examples, explanations, and upgrade notes for Nuxt 4 users.

📹 Migrating LiveVue from Nuxt 3 to Nuxt 4

👉🏻 Alex Lichter migrates a project \"blind\" from Nuxt 3 to Nuxt 4.

🛠️ Nuxt UI v4.2.0

👉🏻 New InputDate & InputTime components

👉🏻 Tailwind CSS prefix support

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

📕 The Inner Workings of JavaScript Source Maps

👉🏻 Ever wondered how devtools can magically turn mangled, minified JavaScript back into readable source while debugging?

👉🏻 Zero magic; that’s a source map doing its job.

📕 Zod + TypeScript: Schema Validation Made Easy

👉🏻 Learn how to use Zod, a TypeScript schema validation library that allows you to validate external data at runtime.

📹 Intro to Backend Web Development

👉🏻 This introductory guide teaches you how to construct a basic backend for a website using popular technologies like Node.js, Express.js, and the MongoDB NoSQL database.

🛠️ Valdi

👉🏻 A cross-platform UI framework developed by Snapchat.

👉🏻 It allows developers to write UI code once in TypeScript, which is then compiled directly into native views for iOS, Android, and macOS.

🛠️ JSON Repair

👉🏻 A JavaScript library that automatically fixes various types of errors in invalid JSON documents, offering both standard and streaming APIs.

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

View online

Hi 👋

This week's newsletter highlights key developments in the Vue and Nuxt ecosystem, including a comprehensive beginner's tutorial for Vue.js, the self-hosted alpha release of Nuxt Studio, and practical guides on data fetching strategies in Nuxt applications.

Enjoy this issue and have a lovely week ☀️

Vue

📹 Learn Vue.js – Tutorial for Beginners

👉🏻 Learn Vue as you build real projects, dive into its core features, and create dynamic, reusable, and reactive apps with ease.

🛠️ Vue Data UI

👉🏻 There’s a lot packed into this suite of components, including basic chart types through to donuts, sparklines, world views, stacks, heatmaps, word clouds, and more.

Nuxt

📕 Data fetching in Nuxt

👉🏻 A cohesive look Nuxt's data fetching tools, within the context of Nuxt's render lifecycle.

📕 Nuxt - Workflow

👉🏻 You can now "use workflow" with Nuxt.

📹 Nuxt Studio can be selfhosted now

👉🏻 The Nuxt Studio Alpha is out and we can self-host the CMS now.

🛠️ eslint-plugin-nuxt-layer

👉🏻 ESLint plugin for Nuxt 4 projects that use a layered folder layout.

👉🏻 Enforce architectural boundaries between layers with configurable import rules.

🛠️ Nuxt Hints

👉🏻 A Nuxt module that provides real-time feedback on your application's performance, accessibility, and security right in your browser.

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

📕 Your URL Is Your State

👉🏻 URLs can be used as first-class state containers in web apps. They provide inherent benefits like shareability, bookmarkability, and browser history support, making web apps more resilient and predictable.

📕 TypeScript’s rise in the AI era

👉🏻 TypeScript became the most-used language on GitHub in 2025, surpassing JavaScript and Python, with over a million new developers contributing (a 66% year-over-year increase).

📕 How to Build with GitHub Actions or GitLab CI and Deploy to Coolify

👉🏻 How to offload a resource-intensive build process using GitHub Actions or GitLab CI and deploy the resulting Docker image to Coolify.

🛠️ wavesurfer.js

👉🏻 An interactive JavaScript library for rendering audio waveforms and enabling playback in web applications.

🛠️ image-dimensions

👉🏻 A zero-dependency way to get the pixel width and height of JPEG, PNG/APNG, GIF, WebP, AVIF and HEIF images in any modern JavaScript environment.

😂 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