From 6e25124a2781a271c951eedb089a60858a13c498 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Tue, 24 Jun 2025 13:49:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8E=92=E4=BD=8D=E7=A7=AF?=
 =?UTF-8?q?=E5=88=86=E5=80=BC=E4=B8=8D=E6=98=BE=E7=A4=BA=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UserHeader.vue | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/src/components/UserHeader.vue b/src/components/UserHeader.vue
index b9680b1..08bfc6a 100644
--- a/src/components/UserHeader.vue
+++ b/src/components/UserHeader.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, computed } from "vue";
+import { ref, computed, watch } from "vue";
 import Avatar from "@/components/Avatar.vue";
 import useStore from "@/store";
 import { storeToRefs } from "pinia";
@@ -29,16 +29,24 @@ const toUserPage = () => {
     });
   }
 };
-onMounted(() => {
-  const rankInfos = config.value.randInfos || [];
-  rankInfos.some((r, index) => {
-    if (r.upgrade_scores > user.value.scores) {
-      nextLvlPoints.value = r.upgrade_scores;
-      return true;
+watch(
+  () => [config.value, user.value],
+  ([n_config, n_user]) => {
+    const rankInfos = n_config.randInfos || [];
+    if (n_user.id && rankInfos.length) {
+      rankInfos.some((r, index) => {
+        if (r.upgrade_scores > n_user.scores) {
+          nextLvlPoints.value = r.upgrade_scores;
+          return true;
+        }
+        return false;
+      });
     }
-    return false;
-  });
-});
+  },
+  {
+    immediate: true,
+  }
+);
 </script>
 
 <template>