wip: 迁移 v3-admin v3.1.3 版本代码

src/components/ThemeSwitch/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <el-dropdown trigger="click" @command="handleSetTheme">
+    <el-tooltip effect="dark" content="主题模式" placement="bottom">
+      <el-icon :size="20">
+        <magic-stick />
+      </el-icon>
+    </el-tooltip>
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item
+          v-for="(theme, index) in themeList"
+          :key="index"
+          :disabled="activeThemeName === theme.name"
+          :command="theme.name"
+        >
+          <span>{{ theme.title }}</span>
+        </el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script lang="ts" setup>
+import { MagicStick } from '@element-plus/icons-vue'
+import { computed } from 'vue'
+import { useAppStore } from '@/store/modules/app'
+
+const appStore = useAppStore()
+const themeList = computed(() => {
+  return appStore.themeList
+})
+const activeThemeName = computed(() => {
+  return appStore.activeThemeName
+})
+const handleSetTheme = (name: string) => {
+  appStore.setTheme(name)
+}
+</script>