21 lines
501 B
Vue
21 lines
501 B
Vue
<template>
|
|
<hover-container class="w-40px" :inverted="theme.header.inverted" tooltip-content="主题模式">
|
|
<dark-mode-switch
|
|
:dark="theme.darkMode"
|
|
:customize-transition="theme.isCustomizeDarkModeTransition"
|
|
class="wh-full"
|
|
@update:dark="theme.setDarkMode"
|
|
/>
|
|
</hover-container>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { useThemeStore } from '@/store';
|
|
|
|
defineOptions({ name: 'ThemeMode' });
|
|
|
|
const theme = useThemeStore();
|
|
</script>
|
|
|
|
<style scoped></style>
|