refactor: ♻️ 代码优化和导入问题修复

src/layout/components/NavBar/components/NavbarRight.vue

@@ -36,8 +36,8 @@ import { DeviceEnum } from "@/enums/DeviceEnum";
 
 import { useAppStore, useSettingsStore } from "@/store";
 
-import UserProfile from "./UserProfile.vue";
-import Notification from "./Notification.vue";
+import UserProfile from "@/layout/components/NavBar/components/UserProfile.vue";
+import Notification from "@/layout/components/NavBar/components/Notification.vue";
 
 const appStore = useAppStore();
 const settingStore = useSettingsStore();

src/layout/components/Settings/index.vue

@@ -1,16 +1,28 @@
 <template>
-  <el-drawer v-model="settingsVisible" size="300" :title="$t('settings.project')">
+  <el-drawer
+    v-model="settingsVisible"
+    size="300"
+    :title="$t('settings.project')"
+  >
     <el-divider>{{ $t("settings.theme") }}</el-divider>
 
     <div class="flex-center">
-      <el-switch v-model="isDark" active-icon="Moon" inactive-icon="Sunny" @change="changeTheme" />
+      <el-switch
+        v-model="isDark"
+        active-icon="Moon"
+        inactive-icon="Sunny"
+        @change="changeTheme"
+      />
     </div>
 
     <el-divider>{{ $t("settings.interface") }}</el-divider>
 
     <div class="py-1 flex-x-between">
       <span class="text-xs">{{ $t("settings.themeColor") }}</span>
-      <ThemeColorPicker v-model="settingsStore.themeColor" @update:model-value="changeThemeColor" />
+      <ThemeColorPicker
+        v-model="settingsStore.themeColor"
+        @update:model-value="changeThemeColor"
+      />
     </div>
 
     <div class="py-1 flex-x-between">
@@ -35,7 +47,10 @@
 
     <el-divider>{{ $t("settings.navigation") }}</el-divider>
 
-    <LayoutSelect v-model="settingsStore.layout" @update:model-value="changeLayout" />
+    <LayoutSelect
+      v-model="settingsStore.layout"
+      @update:model-value="changeLayout"
+    />
   </el-drawer>
 </template>