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)