Weekly Vue News #225 - Migrating to Nuxt 4, Mastering State, and Embracing New UI Tools

Ready for your weekly Vue & Nuxt dose?  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ Weekly Vue News #225 Migrating to Nuxt 4, Mastering State, and Embracing New UI Tools 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 TRACK_VIEW_PLACEHOLDER