diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 6d14b3f..6f83007 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -80,8 +80,8 @@
           <div class="flex items-center">
             <el-avatar :size="32" />
             <div v-show="!appStore.collapsed" class="ml-3">
-              <div class="text-sm font-medium">123</div>
-              <div class="text-xs text-gray-500">12321</div>
+              <div class="text-sm font-medium">{{ userStore.nickname }}</div>
+              <div class="text-xs text-gray-500">{{ userStore.email }}</div>
             </div>
           </div>
           <LucideIcon v-show="!appStore.collapsed" name="bolt" color="#808080" size="18"></LucideIcon>
@@ -111,6 +111,7 @@ import { ref, onMounted, onUnmounted, computed, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useAppStore } from '@/stores/app';
 import { useHistoryStore } from '@/stores/history';
+import { useUserStore } from '@/stores/user';
 import { House, Monitor, Expand, Fold, ChatDotRound, Search, Collection, Clock } from '@element-plus/icons-vue';
 import router from '@/router';
 import axios from 'axios';
@@ -118,6 +119,7 @@ import axios from 'axios';
 const route = useRoute();
 const appStore = useAppStore();
 const historyStore = useHistoryStore();
+const userStore = useUserStore();
 
 const statusLabel = computed(() => {
   switch (appStore.serviceStatus) {