22 lines
527 B
Vue
22 lines
527 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>
|
|
<ClientOnly v-if="!colorMode?.forced">
|
|
<button @click="isDark = !isDark" class="btn btn-sm btn-neutral">Toggle Theme</button>
|
|
|
|
<template #fallback>
|
|
<button class="btn btn-sm btn-neutral">Loading...</button>
|
|
</template>
|
|
</ClientOnly>
|
|
</template>
|