Weekly Vue News #220 - 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. 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 TRACK_VIEW_PLACEHOLDER