优化

monisuo-admin/src/components/app-sidebar/data/sidebar-data.ts

@@ -3,22 +3,26 @@ import { useAuthStore } from '@/stores/auth'
 
 import type { SidebarData, User } from '../types'
 
-const { navData } = useSidebar()
-const authStore = useAuthStore()
+export function useSidebarData() {
+  const { navData } = useSidebar()
+  const authStore = useAuthStore()
+
+  // 从 auth store 获取用户信息，转换为 sidebar User 类型
+  const user = computed<User>(() => {
+    const adminInfo = authStore.adminInfo
+    return {
+      name: adminInfo?.nickname || adminInfo?.username || 'Admin',
+      email: adminInfo?.username || '',
+      avatar: adminInfo?.avatar || '/avatars/admin.jpg',
+    }
+  })
+
+  const sidebarData = computed<SidebarData>(() => ({
+    user: user.value,
+    navMain: navData.value!,
+  }))
 
-// 从 auth store 获取用户信息，转换为 sidebar User 类型
-const user = computed<User>(() => {
-  const adminInfo = authStore.adminInfo
   return {
-    name: adminInfo?.nickname || adminInfo?.username || 'Admin',
-    email: adminInfo?.username || '',
-    avatar: adminInfo?.avatar || '/avatars/admin.jpg',
+    sidebarData,
   }
-})
-
-export const sidebarData: SidebarData = {
-  get user() {
-    return user.value
-  },
-  navMain: navData.value!,
 }