dev

frontendNew/src/components/AppSidebar.vue

@@ -31,6 +31,7 @@ import {
   SidebarMenuItem,
   SidebarTrigger,
 } from "@/components/ui/sidebar";
+import { useDnfHelperStore } from "@/stores/dnfhelper";
 
 const props = withDefaults(defineProps<SidebarProps>(), {
   collapsible: "icon",
@@ -43,12 +44,17 @@ const toggleDarkMode = () => {
   document.documentElement.classList.toggle("dark", isDark.value);
 };
 
+const dnfHelperStore = useDnfHelperStore();
+
+const userInfo = computed(() => {
+  return {
+    name: dnfHelperStore.helperInfo?.name ?? "尚未绑定助手ID",
+    id: dnfHelperStore.helperInfo?.id ?? "",
+    avatar: dnfHelperStore.helperInfo?.avatar ?? "",
+  };
+});
+
 const data = {
-  user: {
-    name: "尚未绑定助手ID",
-    email: "m@example.com",
-    avatar: "/avatars/shadcn.jpg",
-  },
   navMain: [
     {
       title: "计算器",
@@ -198,7 +204,7 @@ const data = {
           </SidebarMenuButton>
         </SidebarMenuItem>
       </SidebarMenu>
-      <NavUser :user="data.user" />
+      <NavUser :user="userInfo" />
     </SidebarFooter>
   </Sidebar>
 </template>