1. @vueuse/nuxt
VueUse Nuxt Module
@vueuse/nuxt
Package: @vueuse/nuxt
Created by: vueuse
Last modified: Tue, 16 Apr 2024 03:09:00 GMT
Version: 10.9.0
License: MIT
Downloads: 627,504
Repository: https://github.com/vueuse/vueuse

Install

npm install @vueuse/nuxt
yarn add @vueuse/nuxt

@vueuse/nuxt

NPM version

This is an add-on of VueUse, which provides better Nuxt integration auto-import capabilities.

Install

 npm i @vueuse/nuxt
 // nuxt.config
export default defineNuxtConfig({
  modules: [
    '@vueuse/nuxt',
  ],
})

Caveats

The following utils are disabled from auto-import for Nuxt to avoid conflicts with Nuxt's built-in utils:

  • toRefs
  • useFetch
  • useCookie
  • useHead
  • useTitle
  • useStorage

You can always use them by explicitly import from @vueuse/core

License

MIT License © 2021-PRESENT Anthony Fu

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin