初始化项目

src/layouts/modules/global-header/components/theme-button.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useAppStore } from '@/store/modules/app';
+import { $t } from '@/locales';
+
+defineOptions({
+  name: 'ThemeButton'
+});
+
+const appStore = useAppStore();
+</script>
+
+<template>
+  <ButtonIcon
+    icon="majesticons:color-swatch-line"
+    :tooltip-content="$t('icon.themeConfig')"
+    trigger-parent
+    @click="appStore.openThemeDrawer"
+  />
+</template>
+
+<style scoped></style>