Vue.js: How to use useDark from VueUse?

1<script setup>
2import { useDark, useToggle } from "@vueuse/core"
3
4const isDark = useDark()
5const toggleDark = useToggle(isDark)
6</script>
7
8<template>
9    <button @click="toggleDark()">
10        {{ isDark ? "Light" : "Dark" }}
11    </button>
12</template>

1const isDark = useDark({
2    selector: "html",
3    attribute: "class",
4    valueDark: "dark",
5    valueLight: "light"
6})