@vueuse/nuxt

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

Install

Install the vueuse module into your application using @nuxt/cli:

npx nuxt@latest module add vueuse

Or use npm:

npm i @vueuse/nuxt @vueuse/core

// 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:

• toRef
• toRefs
• toValue
• useFetch
• useCookie
• useHead
• useTitle
• useStorage
• useImage

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

License

MIT License © 2021-PRESENT Anthony Fu