Don't miss the next edition. Subscribe to the newsletter.
Published at Mar 3, 2025, 3:00 PMSide-by-Side Script and Template Editing in VS Code Ready for your weekly Vue & Nuxt dose? Weekly Vue News #187 Side-by-Side Script and Template Editing in VS Code View online Hi 👋 I finalized the Nuxt module for Polar to be able to integrate it into my upcoming Nuxt SaaS starter kit. This week, I also have a handy VS Code tip for Vue developers — hope you find it useful! Enjoy this issue and have a lovely week ☀️ Vue 📕 Building a “Select All” Checkbox Composable in Vue 👉🏻 This post walks through creating a reusable Vue 3 composable to handle “Select All” functionality efficiently. 📕 How to Do Visual Regression Testing in Vue with Vitest? 👉🏻 Visual regression testing detects unintended UI changes by comparing screenshots. 👉🏻 In this guide, you’ll learn how to set up visual regression testing for Vue components using Vitest. 📹 Avoid a common Vue PERFORMANCE KILLER 👉🏻 Registering components globally is a common patter but also often a performance killer. 👉🏻 Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. 🛠️ swrv 👉🏻 'stale-while-revalidate' data fetching for Vue 3. 👉🏻 Uses a ‘stale-with-revalidate’ cache invalidation strategy (i.e. data is returned from cache immediately but then updated behind the scenes). 🛠️ Zoompinch 👉🏻 A pinch-and-zoom experience for Vue 3 apps. 👉🏻 Designed to ‘feel native’ on mobile devices. 💡 Vue Tip: Side-by-Side Script and Template Editing in VS Code When working with Vue Single File Components (SFCs), managing both the script and template sections can become difficult as the code grows longer, often requiring frequent scrolling. To simplify this, the Vue - Official extension in VSCode offers the Vue: Split Script, Template, Style Editors Vue: Split Script, Template, Style Editors feature. This enables you to split the script and template sections, allowing them to be viewed side by side for a more efficient workflow: Nuxt 📕 Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps 👉🏻 This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. 📹 You Are Sleeping On Nuxt, Nitro and Vue 👉🏻 Wes Bos and Scott Tolinski talk with Daniel Roe about Nuxt and Nitro, demystifying the UnJS ecosystem, serverless deployments, open-source sustainability, and the future of full-stack web development. 🛠️ Nuxt Content v3.2.0 👉🏻 Generate LLM-friendly routes (/llms.txt). 👉🏻 Zero config deploy on Netlify, Vercel, & Nuxt Hub. 👉🏻 Schema metadata for form generation on Nuxt Studio. 📅 Events Vuejs Amsterdam (12 - 13 March 2025, Amsterdam, Netherlands) Vueconf.US (13 - 15 May 2025, Tampa, Florida) MadVue (29 May 2025, Madrid, Spain) 💬 Quote of the week 🧑🏻💻 In Other News 📕 Monorepos in JavaScript & TypeScript 👉🏻 This is a comprehensive deep-dive into monorepos for JavaScript and TypeScript, what they are, why you'd use them, and how to set them up best. 📕 Move on to ESM-only 👉🏻 Modern tools like Vite and Vitest, along with Node.js' improved ESM (ES Modules) support, have made the adoption of ESM-only packages worth it. 👉🏻 The benefits of ESM-only include simpler maintenance, smaller bundles, and improved tooling. 📹 Dungeons & Developers - patterns for great DX 👉🏻 Jakub Andrzejewski uses the metaphor of Dungeons & Dragons to discuss improving Developer Experience (DX) in software development. 🛠️ SQL Noir 👉🏻 Solve crimes by querying tables and finding clues. 🛠️ Heat.js 👉🏻 Think like the GitHub contributions heat map. 👉🏻 No dependencies, small, responsive, and themeable. 😂 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 Holzapfelkreuther Str. 19, 81375 Munich, Germany {{ TrackView }}