From 57acb37e84f35fb9734ffea5988928fd38f62443 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 12:46:20 +0800
Subject: [PATCH 01/10] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=B8=96?=
 =?UTF-8?q?=E5=AD=90=E8=AF=84=E8=AE=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/pages/posts/[id]/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index 3bc8bb7f5..174ddf450 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -78,7 +78,7 @@
       </div>
 
       <CommentEditor @submit="postComment" :loading="isWaitingPostingComment" :disabled="!loggedIn"
-        :show-login-overlay="!loggedIn" />
+        :show-login-overlay="!loggedIn" :parent-user-name="author.username" />
 
       <div class="comment-config-container">
         <div class="comment-sort-container">
@@ -387,7 +387,7 @@ export default {
       }
     }
 
-    const postComment = async (text, clear) => {
+    const postComment = async (parentUserName, text, clear) => {
       if (!text.trim()) return
       console.debug('Posting comment', { postId, text })
       isWaitingPostingComment.value = true

From 6ab4879968b74a34220ad86eeb427776c19df3b2 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 12:46:20 +0800
Subject: [PATCH 02/10] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=B8=96?=
 =?UTF-8?q?=E5=AD=90=E8=AF=84=E8=AE=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/pages/posts/[id]/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index 8d045ea04..d5e34032f 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -80,7 +80,7 @@
       </div>
 
       <CommentEditor @submit="postComment" :loading="isWaitingPostingComment" :disabled="!loggedIn"
-        :show-login-overlay="!loggedIn" />
+        :show-login-overlay="!loggedIn" :parent-user-name="author.username" />
 
       <div class="comment-config-container">
         <div class="comment-sort-container">
@@ -390,7 +390,7 @@ export default {
       }
     }
 
-    const postComment = async (text, clear) => {
+    const postComment = async (parentUserName, text, clear) => {
       if (!text.trim()) return
       console.debug('Posting comment', { postId, text })
       isWaitingPostingComment.value = true

From 113cec1705622623c717683d1e83efa13648412d Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 10 Aug 2025 17:14:02 +0800
Subject: [PATCH 03/10] fix: correct SSR mobile detection

---
 frontend_nuxt/utils/screen.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend_nuxt/utils/screen.js b/frontend_nuxt/utils/screen.js
index f74afd03e..455b0e257 100644
--- a/frontend_nuxt/utils/screen.js
+++ b/frontend_nuxt/utils/screen.js
@@ -1,5 +1,5 @@
 import { ref, computed, onUnmounted } from 'vue'
-import { useRequestHeaders } from 'nuxt/app'
+import { useRequestHeaders, useRequestEvent } from 'nuxt/app'
 
 export const useIsMobile = () => {
   const width = ref(0)
@@ -7,12 +7,15 @@ export const useIsMobile = () => {
 
   const isMobileUserAgent = () => {
     let userAgent = ''
+    let mobileHint = ''
 
     if (typeof navigator !== 'undefined') {
       userAgent = navigator.userAgent.toLowerCase()
     } else {
-      const headers = useRequestHeaders(['user-agent'])
+      const event = useRequestEvent()
+      const headers = event?.node?.req?.headers || useRequestHeaders()
       userAgent = (headers['user-agent'] || '').toLowerCase()
+      mobileHint = (headers['sec-ch-ua-mobile'] || '').toLowerCase()
     }
 
     const mobileKeywords = [
@@ -20,7 +23,7 @@ export const useIsMobile = () => {
       'mobile', 'tablet', 'opera mini', 'iemobile'
     ]
 
-    return mobileKeywords.some(keyword => userAgent.includes(keyword))
+    return mobileHint.includes('?1') || mobileKeywords.some(keyword => userAgent.includes(keyword))
   }
 
   if (typeof window !== 'undefined') {

From f312cf7d1c7b7b00d9eb5209a9d2979c28ebe3f2 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Sun, 10 Aug 2025 17:41:20 +0800
Subject: [PATCH 04/10] Revert "fix: correct SSR mobile detection"

This reverts commit 113cec1705622623c717683d1e83efa13648412d.
---
 frontend_nuxt/utils/screen.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend_nuxt/utils/screen.js b/frontend_nuxt/utils/screen.js
index 455b0e257..f74afd03e 100644
--- a/frontend_nuxt/utils/screen.js
+++ b/frontend_nuxt/utils/screen.js
@@ -1,5 +1,5 @@
 import { ref, computed, onUnmounted } from 'vue'
-import { useRequestHeaders, useRequestEvent } from 'nuxt/app'
+import { useRequestHeaders } from 'nuxt/app'
 
 export const useIsMobile = () => {
   const width = ref(0)
@@ -7,15 +7,12 @@ export const useIsMobile = () => {
 
   const isMobileUserAgent = () => {
     let userAgent = ''
-    let mobileHint = ''
 
     if (typeof navigator !== 'undefined') {
       userAgent = navigator.userAgent.toLowerCase()
     } else {
-      const event = useRequestEvent()
-      const headers = event?.node?.req?.headers || useRequestHeaders()
+      const headers = useRequestHeaders(['user-agent'])
       userAgent = (headers['user-agent'] || '').toLowerCase()
-      mobileHint = (headers['sec-ch-ua-mobile'] || '').toLowerCase()
     }
 
     const mobileKeywords = [
@@ -23,7 +20,7 @@ export const useIsMobile = () => {
       'mobile', 'tablet', 'opera mini', 'iemobile'
     ]
 
-    return mobileHint.includes('?1') || mobileKeywords.some(keyword => userAgent.includes(keyword))
+    return mobileKeywords.some(keyword => userAgent.includes(keyword))
   }
 
   if (typeof window !== 'undefined') {

From ef2bf7f32bb4ddf8c099d68c1880d91b515c0628 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 10 Aug 2025 22:01:56 +0800
Subject: [PATCH 05/10] fix: ensure unique avatar keys on home page

---
 frontend_nuxt/pages/index.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index 04eb5f030..59e73be79 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -71,7 +71,7 @@
           <div class="article-member-avatars-container">
             <NuxtLink
               v-for="member in article.members"
-              :key="member.id"
+              :key="`${article.id}-${member.id}`"
               class="article-member-avatar-item"
               :to="`/users/${member.id}`"
             >

From 582873e505761146f24195d881aaae3a626e63bb Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 11 Aug 2025 00:41:08 +0800
Subject: [PATCH 06/10] Reapply "fix: retain scroll position after hydration"

This reverts commit ff767970a11ea31626c5b0378e6e193c897449c1.
---
 frontend_nuxt/pages/index.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index 59e73be79..f79d79a53 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -121,6 +121,10 @@ import ArticleCategory from '~/components/ArticleCategory.vue'
 import SearchDropdown from '~/components/SearchDropdown.vue'
 import { useIsMobile } from '~/utils/screen'
 
+definePageMeta({
+  scrollToTop: false,
+})
+
 export default {
   name: 'HomePageView',
   components: {

From dbeaefe9bad0be5b7e1b4567b0e5676d0b84b114 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 11 Aug 2025 00:41:34 +0800
Subject: [PATCH 07/10] Reapply "feat: reuse server data on home page"

This reverts commit 6d277b5809748af3b89d74cc15bf70e8b9e941a0.
---
 frontend_nuxt/pages/index.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index f79d79a53..d764a1f75 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -109,6 +109,7 @@
 <script>
 import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
+import { useState } from '#app'
 import { useScrollLoadMore } from '~/utils/loadMore'
 import { stripMarkdown } from '~/utils/markdown'
 import { API_BASE_URL } from '~/main'
@@ -152,8 +153,8 @@ export default {
         .map(v => (isNaN(v) ? v : Number(v)))
     }
 
-    const tagOptions = ref([])
-    const categoryOptions = ref([])
+    const tagOptions = useState('index-tagOptions', () => [])
+    const categoryOptions = useState('index-categoryOptions', () => [])
     const isLoadingPosts = ref(false)
     const topics = ref(['最新回复', '最新', '排行榜' /*, '热门', '类别'*/])
     const selectedTopic = ref(
@@ -164,11 +165,12 @@ export default {
           : '最新回复'
     )
 
-    const articles = ref([])
-    const page = ref(0)
+    const articles = useState('index-articles', () => [])
+    const page = useState('index-page', () => 0)
     const pageSize = 10
+    const allLoaded = useState('index-allLoaded', () => false)
+    const initialized = useState('index-initialized', () => false)
     const isMobile = useIsMobile()
-    const allLoaded = ref(false)
 
     const loadOptions = async () => {
       if (selectedCategory.value && !isNaN(selectedCategory.value)) {
@@ -381,7 +383,10 @@ export default {
 
     const sanitizeDescription = text => stripMarkdown(text)
 
-    await Promise.all([loadOptions(), fetchContent()])
+    if (!initialized.value) {
+      await Promise.all([loadOptions(), fetchContent()])
+      initialized.value = true
+    }
 
     return {
       topics,

From 23815fbd0ae4e04a2b84c62c714b4b59ab70136d Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 11 Aug 2025 00:55:58 +0800
Subject: [PATCH 08/10] feat: fix ssr

---
 frontend_nuxt/pages/index.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index d764a1f75..a987cb6e3 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -122,10 +122,6 @@ import ArticleCategory from '~/components/ArticleCategory.vue'
 import SearchDropdown from '~/components/SearchDropdown.vue'
 import { useIsMobile } from '~/utils/screen'
 
-definePageMeta({
-  scrollToTop: false,
-})
-
 export default {
   name: 'HomePageView',
   components: {

From 0fdb4c234a5c141407bd95c28877e621d691e7d4 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 11 Aug 2025 01:08:44 +0800
Subject: [PATCH 09/10] feat: fix menu show

---
 frontend_nuxt/app.vue | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index eb6479661..cd3406e17 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -24,13 +24,10 @@ import GlobalPopups from '~/components/GlobalPopups.vue'
 export default {
   name: 'App',
   components: { HeaderComponent, MenuComponent, GlobalPopups },
-  data() {
-    return {
-      menuVisible: true
-    }
-  },
-  computed: {
-    hideMenu() {
+  setup() {
+    const isMobile = useIsMobile()
+    const menuVisible = ref(!isMobile.value)
+    const hideMenu = computed(() => {
       return [
         '/login',
         '/signup', 
@@ -41,15 +38,17 @@ export default {
         '/discord-callback',
         '/forgot-password',
         '/google-callback'
-      ].includes(this.$route.path)
-    }
+      ].includes(useRoute().path)
+    })
+
+    onMounted(() => {
+      if (typeof window !== 'undefined') {
+        menuVisible.value = window.innerWidth > 768
+      }
+    })
+
+    return { menuVisible, hideMenu }
   },
-  async mounted() {
-    if (typeof window !== 'undefined') {
-      this.menuVisible = window.innerWidth > 768
-    }
-  },
-  methods: {}
 }
 </script>
 <style src="~/assets/global.css"></style>

From ae1a8daa22eabf28f11f9d14668db90318ae4612 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Mon, 11 Aug 2025 01:14:51 +0800
Subject: [PATCH 10/10] Revert "Reapply "feat: reuse server data on home page""

This reverts commit dbeaefe9bad0be5b7e1b4567b0e5676d0b84b114.
---
 frontend_nuxt/pages/index.vue | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index a987cb6e3..59e73be79 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -109,7 +109,6 @@
 <script>
 import { ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
-import { useState } from '#app'
 import { useScrollLoadMore } from '~/utils/loadMore'
 import { stripMarkdown } from '~/utils/markdown'
 import { API_BASE_URL } from '~/main'
@@ -149,8 +148,8 @@ export default {
         .map(v => (isNaN(v) ? v : Number(v)))
     }
 
-    const tagOptions = useState('index-tagOptions', () => [])
-    const categoryOptions = useState('index-categoryOptions', () => [])
+    const tagOptions = ref([])
+    const categoryOptions = ref([])
     const isLoadingPosts = ref(false)
     const topics = ref(['最新回复', '最新', '排行榜' /*, '热门', '类别'*/])
     const selectedTopic = ref(
@@ -161,12 +160,11 @@ export default {
           : '最新回复'
     )
 
-    const articles = useState('index-articles', () => [])
-    const page = useState('index-page', () => 0)
+    const articles = ref([])
+    const page = ref(0)
     const pageSize = 10
-    const allLoaded = useState('index-allLoaded', () => false)
-    const initialized = useState('index-initialized', () => false)
     const isMobile = useIsMobile()
+    const allLoaded = ref(false)
 
     const loadOptions = async () => {
       if (selectedCategory.value && !isNaN(selectedCategory.value)) {
@@ -379,10 +377,7 @@ export default {
 
     const sanitizeDescription = text => stripMarkdown(text)
 
-    if (!initialized.value) {
-      await Promise.all([loadOptions(), fetchContent()])
-      initialized.value = true
-    }
+    await Promise.all([loadOptions(), fetchContent()])
 
     return {
       topics,