Efficiently Managing Remote Data in Vue with Vue Query

Vue Query, inspired by React Query, provides powerful hooks for fetching, caching, and synchronizing server state in your Vue applications. - https://dev.to/alimetehrani/efficiently-managing-remote-data-in-vue-with-vue-query-192h

#vue

Dynamic Components in Vue

Learn about the difference between direct imports and importing the components lazily as well as discussing global components. - https://www.youtube.com/watch?v=YLFOynY72sE

#vue

How to Integrate Shadcn with Nuxt.js

In this detailed guide, we’ll walk through how to integrate Shadcn Vue with Nuxt.js. You will also be provided with useful insights and practical tips. - https://masteringnuxt.com/blog/how-to-integrate-shadcn-with-nuxtjs

#vue

How to Create Supabase Database Migration Files in Vue.js

In this guide, explore how to create migration files for a remote Supabase database so that the database can be updated directly from your Vue.js project. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-supabase-database-migration-files-in-vue-js/

#vue

Top 10 must use Nuxt modules

This article is a curated list of top 10 Modules that the author uses in every Nuxt Project. - https://dev.to/leamsigc/top-10-must-use-nuxt-modules-dmo

#vue

How To Use Feature Flags in Vue.JS

Feature Flags are conditional statements like an if/else block of code that provides the ability to switch certain functionalities or features on/off in an application. This article explores how to confidently test and integrate new features in your applications without deploying new code using Feature Flags. - https://daveyhert.hashnode.dev/how-to-use-feature-flags-in-vuejs

#vue

Building a blog with Nuxt content

This is an article series dedicated to building a blog with Nuxt and Nuxt Content. For this part the author introduce pagination and some navigation features into the blog. - https://masteringnuxt.com/blog/building-a-blog-with-nuxt-content-part-2

#vue

Tightly Coupled Components Vue Components with Provide/Inject

In this article, learn how to create tightly coupled components with Vue’s provide/inject functions. This component design strategy is great for creating components that are intuitive to use together and rely on shared state! - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject/

#vue

Creating and Publishing a vue-file-validator plugin with Vite and npm : A Comprehensive Guide

As developers, we often face the challenge of validating file uploads in our web applications. This article provides a walk through of developing a file validator plugin and the process of publishing to npm. - https://dev.to/kelvin-igbinoba/creating-and-publishing-a-vue-file-validator-plugin-with-vite-and-npm-a-comprehensive-guide-bi0

#vue

Vue.js and HTML Injection Explained

Do you use v-html in your code? If so, you might be at risk of attack via HTML injection. In this article, explore exactly HOW v-html puts you at risk, use cases and mitigation strategies - https://vueschool.io/articles/vuejs-tutorials/vue-js-and-html-injection-explained/

#vue

Vue 3 Auto Routing By File Structure

Tired of manually managing routes in Vue? Here's a solid approach to auto routing by file structure in Vue 3 you might find useful! - https://dev.to/jenueldev/vue-3-auto-routing-by-file-structure-2hac

#vue

Caching Data With Nuxt (client-side)

This tutorial demonstrates how to cache data on the client-side within a Nuxt application using the getCacheData method. This allows you to easily cache your data and avoid unnecessary calls to an API for your users. The video includes a step-by-step guide on how to implement caching, including setting an expiration time for your cached data. - https://www.youtube.com/watch?v=taYtXvZJvLk

#vue

The simplicity of using Vue’s reactivity system outside of Vue

Vue’s reactivity can be imported and used in JS outside of a Vue app, like in Node directly. This article provides a guide on how you can achieve and the benefits. - https://marchantweb.com/article/the-simplicity-of-using-vues-reactivity-system-outside-of-vue

#vue

Using two script blocks in Vue Single File Components

In this article, the author provides a guide on how you can use two script blocks in one Vue component. - https://dev.to/jacobandrewsky/using-two-script-blocks-in-vue-single-file-components-29l4

#vue

Tightly Coupled Components Vue Components with Provide/Inject

Using provide and inject in Vue.js allows you to create tightly coupled components that can share state and behavior.
This pattern is particularly useful for creating reusable UI components. - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject

#vue

How to Read and Write Cookies in Nuxt 3

Learn how to read, write and manage cookies in Nuxt 3 using the useCookie built-in composable. - https://masteringnuxt.com/blog/how-to-read-and-write-cookies-in-nuxt-3

#vue

How to Build Your Own Vue-like Reactivity System from Scratch

In this tutorial, the author explains Vue's reactivity by building our own versions of ref() and watchEffect(). Gain a deeper understanding of reactive programming in frontend development. - https://dev.to/alexanderop/how-to-build-your-own-vue-like-reactivity-system-from-scratch-1d2d

#vue

Redirects in Nuxt 3

This video demonstrates how to build custom redirects in Nuxt 3, covering both simple and complex redirect scenarios. It explores the use of route rules and Nitro middleware for creating redirects. - https://www.youtube.com/watch?v=ALQcCDEusjI

#vue

Best Practices for Fetching Data in Vue.js

Fetching data in Vue.js applications is a common task. By following best practices, we can make your code more efficient, maintainable, and robust. Here are some of the best practices and common ways for fetching data in Vue.js used by almost all Vue developers. - https://blog.jobins.jp/best-practices-for-fetching-data-in-vuejs

#vue

How can I integrate Vue.js into an existing Shopify theme?

Here’s a step-by-step guide with code examples for integrating Vue.js into an existing Shopify theme. - https://dev.to/sdlc_corp/how-can-i-integrate-vuejs-into-an-existing-shopify-theme-3jp0

#vue