initHeader

frontend/src/components/SwitchDark/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <el-switch v-model="globalStore.isDark" inline-prompt :active-icon="Sunny" :inactive-icon="Moon" @change="switchDark" />
+</template>
+
+<script setup lang="ts" name="SwitchDark">
+import { useTheme } from "@/hooks/useTheme";
+import { useGlobalStore } from "@/stores/modules/global";
+import { Sunny, Moon } from "@element-plus/icons-vue";
+
+const { switchDark } = useTheme();
+const globalStore = useGlobalStore();
+</script>