Get Started

Learn VueUse with video

const { x, y } = useMouse()  <div>pos: {{ x }}, {{ y }}</div>
</template>

Usage Example

Simply importing the functions you need from @vueuse/core

import { useLocalStorage, useMouse, usePreferredDark

// tracks mouse position
const { x, y } = useMouse()

// is user prefers dark theme
const isDark = usePreferredDark()

// persist state in localStorage
const store = useLocalStorage(    name
    color

Refer to functions list for more details.