What is VueUse and why might you use it?

VueUse is a popular collection of ready-made Composition API utility functions (composables) covering common needs like browser APIs, state, sensors, and animation — for example useLocalStorage, useDebounceFn, useMouse, useFetch, useDark (dark mode toggling).

import { useLocalStorage } from '@vueuse/core'

const preferences = useLocalStorage('user-preferences', { theme: 'light' })

Using it avoids reinventing common reactive utilities and keeps code concise, since each function is already tested, SSR-safe, and TypeScript-typed.