Weekly Vue News #143 - Once Watchers

Weekly Vue News #143 Once Watchers View online Hi 👋 I enjoyed last week's Vue.js Live Online Conference and watched many interesting and inspiring talks. I don't have any personal news to share, so let's jump into the Vue & Nuxt Content that I prepared for you. Have a nice week ☀️ Vue 📕 Things that I like better in Vue than in React 👉🏻 Jaydev discovered that Vue has a bunch of neat features that makes him jealous as React developer. 📕 3 Ways to Create Inline Composables 👉🏻 Michael Thiessen explains how inline composables in Vue can help to organize components by creating boundaries within our logic. 👉🏻 This is especially helpful in larger components that are tough to refactor. 📕 Creating a Reusable Modal Component 👉🏻 Fotis implements a Base Modal component in Vue. 📕 The Magic in Shiki Magic Move 👉🏻 Anthony Fu writes about he developed Magic Move, an open-source tool for code block transitions in presentations. 🛠️ Vue Data UI 👉🏻 A user-empowering data visualization Vue 3 components library for eloquent data storytelling. 🔥 Vue Tip: Once Watchers Watcher's callback will execute whenever the watched source changes. If you want the callback to trigger only once when the source changes, use the once: trueonce: true option. 1<script setup lang="ts"> 2 watch( 3 source, 4 (newValue, oldValue) => { 5 // when `source` changes, triggers only once 6 }, 7 { once: true } 8 ) 9</script> Nuxt 📕 Custom useFetch in Nuxt 👉🏻 Sebastien Chopin, author of Nuxt , explains how to create a custom fetcher for calling your external API in Nuxt 3. 📕 Mastering Prose Components in Nuxt Content 👉🏻 This article provides an overview on prose components, exploring their use cases and a bunch of different things you can do with them in Nuxt. 📹 Nuxt Test Utils - A Primer to Testing in Nuxt 👉🏻 Alexander Lichter explains how to set up @nuxt/test-utils and write unit & E2E tests with this module. 🛠️ Scalar - Nuxt Integration 👉🏻 Scalar released official Nuxt integration. 👉🏻 Full SRR. 👉🏻 Test your Nuxt API directly in Scalar. 📅 Events Vueconf US 2024 (22 - 24 May 2024, New Orleans, US) vuejs.de Conf (8 - 9 October 2024, Bonn, Germany) VueConf Toronto (18 - 20 November 2024, Toronto, Canada) 💬 Quote of the week 🧑🏻‍💻 In Other News 🎮 Oh my Git! 👉🏻 An open-source game to learn and understand Git better. 🛠️ Madge 👉🏻A developer tool for generating a visual graph of your module dependencies, finding circular dependencies, and giving you other useful info. 🛠️ Val Town 👉🏻 A fantastic online platform for writing and deploying TypeScript functions right from the browser. 📹 Form Validation Strategies for JavaScript Apps 👉🏻 Lachlan explains some different approaches to validating forms he has seen over the years with his thoughts. 😂 Fun Comments? Join the discussion about this issue in our Discord community. Until next week, Michael Hoffmann (Curator) Unsubscribe from this newsletter Holzapfelkreuther Str. 19, 81375 Munich, Germany