VueUse is a collection of essential utility functions (a.k.a. composables) built on top of the Vue 3 Composition API. Think of it as a Vue-native version of lodash, React Hooks, and browser API helpers combined.
It helps you write less code, stay reactive, and boost productivity by handling common patterns in a modular way.
📦 Installation
npm install @vueuse/core
Then, in your Vue 3 project:
import { useDark, useMouse, useWindowSize } from '@vueuse/core'
Or register it globally if you want to use some SSR features (Nuxt 3 already supports this out of the box):
import { createApp } from 'vue'
import { createHead } from '@vueuse/head'
const app = createApp(App)
app.use(createHead())