From 1177a778ee05ed9151a1031eab56cb830e14737f Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 11:50:21 +0800
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20fix=20=E6=B3=A8=E5=86=8C=E5=A4=B1?=
 =?UTF-8?q?=E8=B4=A5=E5=92=8C=E7=99=BB=E5=BD=95=E5=A4=B1=E8=B4=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/pages/login.vue            |  3 ++-
 frontend_nuxt/pages/posts/[id]/index.vue | 29 +++++++++---------------
 frontend_nuxt/pages/signup.vue           |  3 ++-
 3 files changed, 15 insertions(+), 20 deletions(-)

diff --git a/frontend_nuxt/pages/login.vue b/frontend_nuxt/pages/login.vue
index 26d926a90..39ce538a5 100644
--- a/frontend_nuxt/pages/login.vue
+++ b/frontend_nuxt/pages/login.vue
@@ -82,7 +82,6 @@ export default {
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ username: this.username, password: this.password })
         })
-        this.isWaitingForLogin = false
         const data = await res.json()
         if (res.ok && data.token) {
           setToken(data.token)
@@ -103,6 +102,8 @@ export default {
         }
       } catch (e) {
         toast.error('登录失败')
+      } finally {
+        this.isWaitingForLogin = false
       }
     },
 
diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index 8d045ea04..da071cd27 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -44,11 +44,8 @@
             <div class="user-name">
               {{ author.username }}
               <i class="fas fa-medal medal-icon"></i>
-              <router-link
-                v-if="author.displayMedal"
-                class="user-medal"
-                :to="`/users/${author.id}?tab=achievements`"
-              >{{ getMedalTitle(author.displayMedal) }}</router-link>
+              <router-link v-if="author.displayMedal" class="user-medal" :to="`/users/${author.id}?tab=achievements`">{{
+                getMedalTitle(author.displayMedal) }}</router-link>
             </div>
             <div class="post-time">{{ postTime }}</div>
           </div>
@@ -59,11 +56,8 @@
             <div class="user-name">
               {{ author.username }}
               <i class="fas fa-medal medal-icon"></i>
-              <router-link
-                v-if="author.displayMedal"
-                class="user-medal"
-                :to="`/users/${author.id}?tab=achievements`"
-              >{{ getMedalTitle(author.displayMedal) }}</router-link>
+              <router-link v-if="author.displayMedal" class="user-medal" :to="`/users/${author.id}?tab=achievements`">{{
+                getMedalTitle(author.displayMedal) }}</router-link>
             </div>
             <div class="post-time">{{ postTime }}</div>
           </div>
@@ -93,7 +87,7 @@
         <l-hatch size="28" stroke="4" speed="3.5" color="var(--primary-color)"></l-hatch>
       </div>
       <div v-else class="comments-container">
-        <BaseTimeline :items="comments"> 
+        <BaseTimeline :items="comments">
           <template #item="{ item }">
             <CommentItem :key="item.id" :comment="item" :level="0" :default-show-replies="item.openReplies"
               @deleted="onCommentDeleted" />
@@ -197,7 +191,7 @@ export default {
         window.removeEventListener('scroll', updateCurrentIndex)
       })
     }
-      
+
     const lightboxVisible = ref(false)
     const lightboxIndex = ref(0)
     const lightboxImgs = ref([])
@@ -334,7 +328,6 @@ export default {
         category.value = data.category
         tags.value = data.tags || []
         postReactions.value = data.reactions || []
-        await fetchComments()
         subscribed.value = !!data.subscribed
         status.value = data.status
         pinnedAt.value = data.pinnedAt
@@ -498,7 +491,7 @@ export default {
         toast.error('操作失败')
       }
     }
-    
+
     const editPost = () => {
       router.push(`/posts/${postId}/edit`)
     }
@@ -593,7 +586,6 @@ export default {
       const hash = location.hash
       if (hash.startsWith('#comment-')) {
         const id = hash.substring('#comment-'.length)
-        // 不清楚啥原因，先wait一下子不然会定不准 😅
         await new Promise(resolve => setTimeout(resolve, 500))
         const el = document.getElementById('comment-' + id)
         if (el) {
@@ -609,17 +601,18 @@ export default {
       router.push(`/users/${author.value.id}`)
     }
 
-    await fetchPost()
-
     onMounted(async () => {
+      await fetchComments()
       const hash = location.hash
       const id = hash.startsWith('#comment-') ? hash.substring('#comment-'.length) : null
       if (id) expandCommentPath(id)
       updateCurrentIndex()
       window.addEventListener('scroll', updateCurrentIndex)
-      await jumpToHashComment()
+      jumpToHashComment()
     })
 
+    await fetchPost()
+
     return {
       postContent,
       author,
diff --git a/frontend_nuxt/pages/signup.vue b/frontend_nuxt/pages/signup.vue
index 0868b5923..d0d624783 100644
--- a/frontend_nuxt/pages/signup.vue
+++ b/frontend_nuxt/pages/signup.vue
@@ -187,7 +187,6 @@ export default {
             username: this.username
           })
         })
-        this.isWaitingForEmailVerified = false
         const data = await res.json()
         if (res.ok) {
           if (this.registerMode === 'WHITELIST') {
@@ -201,6 +200,8 @@ export default {
         }
       } catch (e) {
         toast.error('注册失败')
+      } finally {
+        this.isWaitingForEmailVerified = false
       }
     },
     signupWithGithub() {

From ce5bcb9dca93b6b1bdb02427b642f6237f6b4118 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 10 Aug 2025 11:59:23 +0800
Subject: [PATCH 2/5] Reset auth on 401

---
 frontend_nuxt/plugins/auth-fetch.client.ts | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 frontend_nuxt/plugins/auth-fetch.client.ts

diff --git a/frontend_nuxt/plugins/auth-fetch.client.ts b/frontend_nuxt/plugins/auth-fetch.client.ts
new file mode 100644
index 000000000..0a07440b8
--- /dev/null
+++ b/frontend_nuxt/plugins/auth-fetch.client.ts
@@ -0,0 +1,21 @@
+import { clearToken } from '~/utils/auth'
+
+export default defineNuxtPlugin(() => {
+  if (process.client) {
+    const originalFetch = window.fetch
+    window.fetch = async (input, init) => {
+      const response = await originalFetch(input, init)
+      if (response.status === 401) {
+        try {
+          const data = await response.clone().json()
+          if (data && data.error === 'Invalid or expired token') {
+            clearToken()
+          }
+        } catch (e) {
+          // ignore JSON parsing errors
+        }
+      }
+      return response
+    }
+  }
+})

From 2a5bff108639a9cb973f8bce0ae6e13213b92487 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 12:26:22 +0800
Subject: [PATCH 3/5] =?UTF-8?q?feat:=20=E6=9C=AC=E5=9C=B0=E5=9B=9E?=
 =?UTF-8?q?=E5=A4=8D=E6=95=B0=E6=8D=AEfixed?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/CommentEditor.vue | 6 +++++-
 frontend_nuxt/components/CommentItem.vue   | 6 ++++--
 frontend_nuxt/components/MenuComponent.vue | 5 -----
 frontend_nuxt/pages/posts/[id]/index.vue   | 8 ++++++--
 4 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/frontend_nuxt/components/CommentEditor.vue b/frontend_nuxt/components/CommentEditor.vue
index 307b944b1..13b822c6e 100644
--- a/frontend_nuxt/components/CommentEditor.vue
+++ b/frontend_nuxt/components/CommentEditor.vue
@@ -47,6 +47,10 @@ export default {
     showLoginOverlay: {
       type: Boolean,
       default: false
+    },
+    parentUserName: {
+      type: String,
+      default: ''
     }
   },
   components: { LoginOverlay },
@@ -71,7 +75,7 @@ export default {
       if (!vditorInstance.value || isDisabled.value) return
       const value = vditorInstance.value.getValue()
       console.debug('CommentEditor submit', value)
-      emit('submit', value, () => {
+      emit('submit', props.parentUserName, value, () => {
         if (!vditorInstance.value) return
         vditorInstance.value.setValue('')
         text.value = ''
diff --git a/frontend_nuxt/components/CommentItem.vue b/frontend_nuxt/components/CommentItem.vue
index d2ee2d415..174189afb 100644
--- a/frontend_nuxt/components/CommentItem.vue
+++ b/frontend_nuxt/components/CommentItem.vue
@@ -44,7 +44,7 @@
       </div>
       <div class="comment-editor-wrapper">
         <CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" :disabled="!loggedIn"
-          :show-login-overlay="!loggedIn" />
+          :show-login-overlay="!loggedIn" :parent-user-name="comment.userName" />
       </div>
       <div v-if="replyCount && level < 2" class="reply-toggle" @click="toggleReplies">
         <i v-if="showReplies" class="fas fa-chevron-up reply-toggle-icon"></i>
@@ -164,7 +164,7 @@ const CommentItem = {
         toast.error('操作失败')
       }
     }
-    const submitReply = async (text, clear) => {
+    const submitReply = async (parentUserName, text, clear) => {
       if (!text.trim()) return
       isWaitingForReply.value = true
       const token = getToken()
@@ -190,7 +190,9 @@ const CommentItem = {
             userName: data.author.username,
             time: TimeManager.format(data.createdAt),
             avatar: data.author.avatar,
+            medal: data.author.displayMedal,
             text: data.content,
+            parentUserName: parentUserName,
             reactions: [],
             reply: (data.replies || []).map(r => ({
               id: r.id,
diff --git a/frontend_nuxt/components/MenuComponent.vue b/frontend_nuxt/components/MenuComponent.vue
index 3f78ecfa4..6d0297c34 100644
--- a/frontend_nuxt/components/MenuComponent.vue
+++ b/frontend_nuxt/components/MenuComponent.vue
@@ -153,11 +153,6 @@ export default {
       isLoadingTag.value = false
     }
 
-    onMounted(() => {
-      // fetchCategoryData()
-      // fetchTagData()
-    })
-
     const iconClass = computed(() => {
       switch (themeState.mode) {
         case ThemeMode.DARK:
diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index da071cd27..3bc8bb7f5 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -21,11 +21,15 @@
           </div>
           <div v-if="loggedIn && !isAuthor && !subscribed" class="article-subscribe-button" @click="subscribePost">
             <i class="fas fa-user-plus"></i>
-            <div class="article-subscribe-button-text">订阅文章</div>
+            <div class="article-subscribe-button-text">
+              {{ isMobile ? '订阅' : '订阅文章' }}
+            </div>
           </div>
           <div v-if="loggedIn && !isAuthor && subscribed" class="article-unsubscribe-button" @click="unsubscribePost">
             <i class="fas fa-user-minus"></i>
-            <div class="article-unsubscribe-button-text">取消订阅</div>
+            <div class="article-unsubscribe-button-text">
+              {{ isMobile ? '退订' : '取消订阅' }}
+            </div>
           </div>
           <DropdownMenu v-if="articleMenuItems.length > 0" :items="articleMenuItems">
             <template #trigger>

From f50541bff7c8d0687f78284d32797c5c647f23ea Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 10 Aug 2025 12:27:32 +0800
Subject: [PATCH 4/5] feat: scroll to comment editor when opened

---
 frontend_nuxt/components/CommentItem.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend_nuxt/components/CommentItem.vue b/frontend_nuxt/components/CommentItem.vue
index d2ee2d415..9bb61b101 100644
--- a/frontend_nuxt/components/CommentItem.vue
+++ b/frontend_nuxt/components/CommentItem.vue
@@ -42,7 +42,7 @@
           </div>
         </ReactionsGroup>
       </div>
-      <div class="comment-editor-wrapper">
+      <div class="comment-editor-wrapper" ref="editorWrapper">
         <CommentEditor v-if="showEditor" @submit="submitReply" :loading="isWaitingForReply" :disabled="!loggedIn"
           :show-login-overlay="!loggedIn" />
       </div>
@@ -65,7 +65,7 @@
 </template>
 
 <script>
-import { ref, watch, computed } from 'vue'
+import { ref, watch, computed, nextTick } from 'vue'
 import VueEasyLightbox from 'vue-easy-lightbox'
 import { useRouter } from 'vue-router'
 import CommentEditor from './CommentEditor.vue'
@@ -106,6 +106,7 @@ const CommentItem = {
       }
     )
     const showEditor = ref(false)
+    const editorWrapper = ref(null)
     const isWaitingForReply = ref(false)
     const lightboxVisible = ref(false)
     const lightboxIndex = ref(0)
@@ -118,6 +119,11 @@ const CommentItem = {
     }
     const toggleEditor = () => {
       showEditor.value = !showEditor.value
+      if (showEditor.value) {
+        nextTick(() => {
+          editorWrapper.value?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+        })
+      }
     }
 
     // 合并所有子回复为一个扁平数组
@@ -239,7 +245,7 @@ const CommentItem = {
         lightboxVisible.value = true
       }
     }
-    return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleContentClick, loggedIn, replyCount, replyList, getMedalTitle }
+    return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply, commentMenuItems, deleteComment, lightboxVisible, lightboxIndex, lightboxImgs, handleContentClick, loggedIn, replyCount, replyList, getMedalTitle, editorWrapper }
   }
 }
 

From bda2b54ce9479487413d9625213d41a26a2a978d Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 12:30:09 +0800
Subject: [PATCH 5/5] fix: magic delay

---
 frontend_nuxt/components/CommentItem.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend_nuxt/components/CommentItem.vue b/frontend_nuxt/components/CommentItem.vue
index 2d2f660ec..e154b141d 100644
--- a/frontend_nuxt/components/CommentItem.vue
+++ b/frontend_nuxt/components/CommentItem.vue
@@ -120,9 +120,9 @@ const CommentItem = {
     const toggleEditor = () => {
       showEditor.value = !showEditor.value
       if (showEditor.value) {
-        nextTick(() => {
+        setTimeout(() => {
           editorWrapper.value?.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
-        })
+        }, 100)
       }
     }