| | |
|---|
| | | <!-- 主题切换按钮 --> |
|---|
| | | <ArtIconButton |
|---|
| | | v-if="shouldShowThemeToggle" |
|---|
| | | @click="themeAnimation" |
|---|
| | | @click="handleThemeAnimation" |
|---|
| | | :icon="isDark ? 'ri:sun-fill' : 'ri:moon-line'" |
|---|
| | | /> |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import AppConfig from '@/config' |
|---|
| | | import { languageOptions } from '@/locales' |
|---|
| | | |
|---|
| | | import { themeAnimation } from '@/utils/ui/animation' |
|---|
| | | import { languageOptions } from '@/locales/language-options' |
|---|
| | | |
|---|
| | | import { useI18n } from 'vue-i18n' |
|---|
| | | import { useRoute, useRouter } from 'vue-router' |
|---|
| | |
|---|
| | | const openChat = () => { |
|---|
| | | mittBus.emit('openChat') |
|---|
| | | } |
|---|
| | | const handleThemeAnimation = async (event) => { |
|---|
| | | const { themeAnimation } = await import('@/utils/ui/animation') |
|---|
| | | themeAnimation(event) |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
