Weekly Vue News #223 - 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. 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 🧑🏻‍💻 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 🔗 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