Newsletter Issue #296

Ref vs. Reactive: What to Choose Using Vue 3 Composition API?

We love Vue 3's Composition API, but it provides two approaches to adding a reactive state to Vue components: ref and reactive. It can be cumbersome to use .value everywhere when using refs but you can also easily lose reactivity when destructuring reactive objects created with reactive. This article explains how you can choose whether to utilize reactive, ref, or both.

Building custom plugins for Vite

Vite is a great tool that is changing how modern web development looks and feels. This article will guide you through the process of building a simple custom plugin that will be responsible for setting certain cache-control headers.

Handling Assets in Nuxt 3

Nuxt 3 gives us two great options for managing assets in our web applications. But what’s the difference, and how do you know which to use? This article share’s some simple questions you can ask yourself to figure out where to put your assets, as well as the differences between the two strategies.

AI Chat Bot with Vue.js and GPT-4

AI is a powerful tool of the future. With Open AI's Chat Completions API (GPT-4), adopting it in your applications is as easy as a REST request. This fun tutorial teaches you how to interact with this powerful API in the context of a Vue 3 application.

Mastering Nuxtjs Color Modes: A Step-by-Step Guide to Implement Dark Mode and Light Mode on Your Nuxt 3 Website

In this day and age, providing a personalized and engaging user experience is essential for businesses. One of the simplest ways to do this is to provide website visitors with the ability to choose between a light and dark mode. This article provides a guide for implementing a light and dark mode in your Nuxt 3 application with Tailwind CSS.

How to use images with Vite and Vue

Using local and dynamic images in Vite is more confusing than you’d think (or at least more confusing than I thought). In this article, learn the various techniques to handle local images in your tag with Vite and Vue.

The 5 Ways to Define a Component in Vue 3

Vue is evolving, and there are currently multiple ways to define a component in version 3. In this article, you will define a simple component and refactor it using all the available methods for creating components.

Comments? Join the discussion about this issue here.

Until next week,
Anthony Gore, curator

P.S. If you enjoyed this issue, show your support by buying me a coffee, or if you’d like to support me to create the newsletter ongoingly, you can make a pledge through Patreon.

P.P.S. Continue the conversation with Vue.js Developers on social media:

Thanks for being a subscriber of the Vue.js Developers Newsletter. Too many emails from us?Unsubscribe here.

Vue.js Developers Limited
Unit 1603, 16th Floor, The L. Plaza,
367 - 375 Queen's Road Central, Sheung Wan,
Hong Kong, Hong Kong 100032