fix: 修复用户信息组件，确保在用户未登录时正确显示登录/注册按钮

src/views/user/components/user-info.vue

@@ -1,13 +1,14 @@
 <script lang='ts' setup>
-import { chevronForwardOutline, copyOutline, qrCodeOutline } from "ionicons/icons";
+import { chevronForwardOutline } from "ionicons/icons";
 import PrimeQrcode from "~icons/prime/qrcode";
 
 const userStore = useUserStore();
-const { userProfile } = storeToRefs(userStore);
+const { userProfile, isAuthenticated } = storeToRefs(userStore);
 </script>
 
 <template>
   <div class="user-info-container">
+    <template v-if="isAuthenticated">
       <div class="user-info" @click="$router.push('/user/settings')">
         <ui-avatar class="size-14" />
         <div>
@@ -23,6 +24,16 @@ const { userProfile } = storeToRefs(userStore);
         <PrimeQrcode class="qr-code" />
         <ion-icon :icon="chevronForwardOutline" />
       </div>
+    </template>
+    <template v-else>
+      <div class="user-info" @click="$router.push('/auth/login')">
+        <ui-avatar class="size-14" />
+
+        <ion-button shape="round" size="small">
+          点击登录 / 注册
+        </ion-button>
+      </div>
+    </template>
   </div>
 </template>