@vueuse/nuxt

@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

Similar packages

Other packages similar to @vueuse/nuxt

vue-composition-api

The `vue-composition-api` package provides a way to use the Vue 3 Composition API in Vue 2 projects. While it offers similar reactive utilities, it does not come with the extensive collection of composable functions that @vueuse/nuxt provides.

pinia

Pinia is a state management library for Vue that offers a simpler and more intuitive API compared to Vuex. While it focuses on state management, it does not provide the wide range of reactive utilities that @vueuse/nuxt offers.