feat: 集成简易暗黑模式

src/layout/components/header/components/ThemeMode.vue

@@ -0,0 +1,12 @@
+<script setup>
+import { useAppStore } from '@/store'
+
+const appStore = useAppStore()
+</script>
+
+<template>
+  <n-icon mr-20 cursor-pointer size="18" @click="appStore.toggleDarkMode">
+    <icon-mdi-moon-waning-crescent v-if="appStore.darkMode" />
+    <icon-mdi-white-balance-sunny v-else />
+  </n-icon>
+</template>

src/layout/components/header/index.vue

@@ -4,6 +4,7 @@
     <BreadCrumb ml-15 />
   </div>
   <div ml-auto flex items-center>
+    <ThemeMode />
     <GithubSite />
     <FullScreen />
     <UserAvatar />
@@ -16,4 +17,5 @@ import MenuCollapse from './components/MenuCollapse.vue'
 import FullScreen from './components/FullScreen.vue'
 import UserAvatar from './components/UserAvatar.vue'
 import GithubSite from './components/GithubSite.vue'
+import ThemeMode from './components/ThemeMode.vue'
 </script>