add setting.

src/shared/Header.vue

@@ -89,11 +89,8 @@ function run() {
   <n-space v-if="isDesktop" justify="space-between" align="center">
     <n-menu mode="horizontal" :options="menus" :value="active" />
     <n-space>
-      <n-button circle @click="toggleDark()">
-        <template #icon>
-          <n-icon v-if="isDark"><i-ep-sunny /></n-icon>
-          <n-icon v-else> <i-ep-moon /></n-icon>
-        </template>
+      <n-button v-if="$route.name === 'learn'" type="primary" @click="run">
+        运行
       </n-button>
       <div v-if="userStore.isFinished">
         <n-dropdown
@@ -108,8 +105,11 @@ function run() {
           <n-button @click="toggleSignup(true)">注册</n-button>
         </n-space>
       </div>
-      <n-button v-if="$route.name === 'learn'" type="primary" @click="run">
-        运行
+      <n-button circle @click="toggleDark()">
+        <template #icon>
+          <n-icon v-if="isDark"><i-ep-sunny /></n-icon>
+          <n-icon v-else> <i-ep-moon /></n-icon>
+        </template>
       </n-button>
     </n-space>
   </n-space>
@@ -133,6 +133,12 @@ function run() {
         </template>
       </n-button>
     </n-dropdown>
+    <n-button circle @click="toggleDark()">
+      <template #icon>
+        <n-icon v-if="isDark"><i-ep-sunny /></n-icon>
+        <n-icon v-else> <i-ep-moon /></n-icon>
+      </template>
+    </n-button>
   </n-space>
 </template>
 

src/shared/store/user.ts

@@ -1,11 +1,12 @@
 import { PROBLEM_PERMISSION, STORAGE_KEY, USER_TYPE } from "utils/constants"
 import storage from "utils/storage"
+import { Profile, User } from "~/utils/types"
 import { getProfile } from "../api"
 
 export const useUserStore = defineStore("user", () => {
-  const profile = ref()
+  const profile = ref<Profile | null>(null)
   const [isFinished] = useToggle(false)
-  const user = computed(() => profile?.value?.user ?? {})
+  const user = computed<User>(() => profile!.value!.user)
   const isAuthed = computed(() => !!user.value.email)
   const isAdminRole = computed(
     () =>
@@ -28,7 +29,7 @@ export const useUserStore = defineStore("user", () => {
   }
 
   function clearProfile() {
-    profile.value = {}
+    profile.value = null
     storage.clear()
   }
   return {