obsidian-visualiser/app/components/ThemeSwitch.client.vue

16 lines
351 B
Vue

<script setup>
const colorMode = useColorMode()
const isDark = computed({
get() {
return colorMode.value === 'dark'
},
set() {
colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark'
}
})
</script>
<template>
<Switch v-model="isDark" onIcon="radix-icons:moon" offIcon="radix-icons:sun" />
</template>