Weekly Vue News #175 - Skip Compilation for an Element

Weekly Vue News #175 Skip Compilation for an Element View online Hi 👋 We are very close to 4000 subscribers, but I need your help to get there! 🚀 If you could write a quick post on BlueSky, LinkedIn or X and recommend this newsletter to your peers, I would be over the moon 🙏 Tag me in it - I'll repost/retweet it for sure! In other news, you can now chat with an AI avatar on this newsletter's website — it's there to answer any questions about the newsletter and might be helpful for some of you. 🤖 I'm also brainstorming a new little SaaS: a keyword monitor for BlueSky. I'm building it mainly for myself, but who knows, it might be useful for others too! Enjoy this issue and have a lovely week ☀️ Vue 📕 The Complete Guide to Building a Vue.js Component Library 👉🏻 By the end of this series, you will have a complete Vue.js component library that you can use in your projects or share with the community. 📕 How to Create a Draggable Item in Vue Without Using Any Packages 👉🏻 In this concise guide, you'll explore the art of making an item draggable in Vue without any packages. 📕 Using Generics in Vue components 👉🏻 This article introduces you to Generics in Vue.js so that you can start using it in your projects. 📹 Make your Vue & Nuxt apps MORE SECURE! 👉🏻 Security is critical - but often not thought through by developers when it comes to adding features. 👉🏻 Luckily, Vue has a lot of safeguards in place - but there are situations where these won't help either. These ones are explained in this video. 🛠️ GoFast 👉🏻 A paid starter-kit / skeleton builder with focus on Go as the main backend language, paired with a frontend framework like SvelteKit, Next.js and now Vue in beta. 💡 Vue Tip: Skip Compilation for an Element Inside the element with v-prev-pre, all Vue template syntax will be preserved and rendered as-is. The most common use case of this is displaying raw mustache tags. Nuxt 📕 Nuxt 3 useFetch — Are you using it correctly? 👉🏻 This article explains a typical misconception about the useFetchuseFetch composable in Nuxt 3. 📕 How To Optimize Performance In Nuxt Apps 👉🏻 This article dives into the key strategies and best practices for optimizing performance in Nuxt applications. 📕 Developing a Full Stack Nuxt App with Bolt.new – An AI Experiment* 👉🏻 bolt.new is an amazing new AI tool for generating and running code. 👉🏻 This article showcases the generation of a blog with Nuxt content and utilizing the useStorage function from Nitro as a persistent storage layer. 📹 Efficient multisite setup with Nuxt Layers 👉🏻 Filip Rakowski introduces a way to manage multiple sites with Nuxt Layers. 📅 Events Vue.js Nation Conference (29 - 30 January 2025, free online conference) Vuejs Amsterdam (12 - 13 March 2025, Amsterdam, Netherlands) Vueconf.US (13 - 15 May 2025, Tampa, Florida) 💬 Quote of the week 🧑🏻‍💻 In Other News 📕 Exploring JavaScript Symbols 👉🏻 JavaScript Symbols are unique primitive data types that guarantee distinct values even with identical descriptions, unlike strings or numbers. 👉🏻 They are primarily used as object property keys to prevent naming conflicts and for the creation of private or internal properties. 📕 How to Avoid Flaky Tests in Playwright 👉🏻 A flaky test is a test that produces different results in different runs. 👉🏻 In this guide, you will understand what a flaky test is, what are the main causes behind it and some best practices to avoid writing flaky tests in Playwright. 🛠️ One Million Screenshots 👉🏻 A rendering of over a million of the web's top homepages. 🛠️ ESLint Plugin Perfectionist 👉🏻 If you want to enforce something is sorted using ESLint, this is for you. 👉🏻 It supports alphabetical and natural sorting, plus sorting by line length. 😂 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