/
zabastx
/
task-manager
Обзор
Документация
Войти
/
zabastx
/
task-manager
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
app/components/ColorModeButton.vue
27 строк
537 B
Danil Popov
general update
01 авг 2025, 08:53
01 авг 2025, 08:53
65d22ac
Код
Авторство
О чём код?
<template> <ClientOnly v-if="!colorMode?.forced"> <UButton :icon="isDark ? 'mdi:weather-night' : 'mdi:white-balance-sunny'" color="neutral" variant="ghost" class="cursor-pointer" @click="isDark = !isDark" /> <template #fallback> <div class="size-8" /> </template> </ClientOnly> </template> <script lang="ts" setup> const colorMode = useColorMode() const isDark = computed({ get() { return colorMode.value === 'dark' }, set(_isDark) { colorMode.preference = _isDark ? 'dark' : 'light' } }) </script>