vueuse

import { useLocalStorage, useMouse, usePreferredDark } from '@vueuse/core'
export default {
  setup() {
    // tracks mouse position
    const { x, y } = useMouse()
    // is user prefers dark theme
    const isDark = usePreferredDark()
    // persist state in localStorage
    const store = useLocalStorage(
      'my-storage',
      {
        name: 'Apple',
        color: 'red',
      },
    )
    return { x, y, isDark, store }
  },
}