From 82475f71dbee6de266695a1ff101fa492addc224 Mon Sep 17 00:00:00 2001
From: AnNingUI <an3533581512@gmail.com>
Date: Tue, 12 Aug 2025 20:36:00 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E6=B8=85=E7=90=86=E6=8E=89=E4=BA=86?=
 =?UTF-8?q?=E6=89=80=E6=9C=89warn=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BA=86?=
 =?UTF-8?q?=E5=9C=A8=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E7=9A=84=E9=80=BB=E8=BE=91=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/app.vue                         | 12 +++++++--
 frontend_nuxt/nuxt.config.ts                  |  5 ++++
 frontend_nuxt/pages/posts/[id]/index.vue      |  2 ++
 frontend_nuxt/pages/users/[id].vue            | 21 +++++++--------
 frontend_nuxt/plugins/ldrs.client.ts          |  2 +-
 frontend_nuxt/plugins/nprogress.client.ts     |  3 ++-
 frontend_nuxt/plugins/theme.client.ts         |  2 +-
 .../plugins/toastification.client.ts          |  2 +-
 frontend_nuxt/utils/markdown.js               | 27 ++++++++++---------
 9 files changed, 46 insertions(+), 30 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index e95e848e5..fcc9288a9 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -48,8 +48,16 @@ export default {
       }
     })
 
-    const handleMenuOutside = () => {
-      if (isMobile.value) menuVisible.value = false
+    const handleMenuOutside = (event) => {
+      // 检查点击事件是否来自菜单按钮
+      const menuBtn = document.querySelector('.menu-btn')
+      if (menuBtn && (menuBtn === event.target || menuBtn.contains(event.target))) {
+        return // 如果是菜单按钮的点击，不处理关闭
+      }
+
+      if (isMobile.value) {
+        menuVisible.value = false
+      }
     }
 
     return { menuVisible, hideMenu, handleMenuOutside }
diff --git a/frontend_nuxt/nuxt.config.ts b/frontend_nuxt/nuxt.config.ts
index bf7035354..7d94847ba 100644
--- a/frontend_nuxt/nuxt.config.ts
+++ b/frontend_nuxt/nuxt.config.ts
@@ -43,4 +43,9 @@ export default defineNuxtConfig({
       ],
     },
   },
+  vue: {
+    compilerOptions: {
+      isCustomElement: (tag) => ['l-hatch', 'l-hatch-spinner'].includes(tag),
+    },
+  },
 })
diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue
index 3d6cc917d..8e05e5d80 100644
--- a/frontend_nuxt/pages/posts/[id]/index.vue
+++ b/frontend_nuxt/pages/posts/[id]/index.vue
@@ -249,6 +249,7 @@ import TimeManager from '~/utils/time'
 import { useRouter } from 'vue-router'
 import { useIsMobile } from '~/utils/screen'
 import Dropdown from '~/components/Dropdown.vue'
+import { ClientOnly } from '#components'
 
 export default {
   name: 'PostPageView',
@@ -262,6 +263,7 @@ export default {
     DropdownMenu,
     VueEasyLightbox,
     Dropdown,
+    ClientOnly,
   },
   async setup() {
     const route = useRoute()
diff --git a/frontend_nuxt/pages/users/[id].vue b/frontend_nuxt/pages/users/[id].vue
index 607f5e0b5..26381d870 100644
--- a/frontend_nuxt/pages/users/[id].vue
+++ b/frontend_nuxt/pages/users/[id].vue
@@ -297,27 +297,26 @@
 </template>
 
 <script>
-import { ref, computed, onMounted, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { API_BASE_URL, toast } from '~/main'
-import { getToken, authState } from '~/utils/auth'
-import BaseTimeline from '~/components/BaseTimeline.vue'
-import UserList from '~/components/UserList.vue'
+import AchievementList from '~/components/AchievementList.vue'
 import BasePlaceholder from '~/components/BasePlaceholder.vue'
+import BaseTimeline from '~/components/BaseTimeline.vue'
 import LevelProgress from '~/components/LevelProgress.vue'
+import UserList from '~/components/UserList.vue'
+import { API_BASE_URL, toast } from '~/main'
+import { authState, getToken } from '~/utils/auth'
+import { prevLevelExp } from '~/utils/level'
 import { stripMarkdown, stripMarkdownLength } from '~/utils/markdown'
 import TimeManager from '~/utils/time'
-import { prevLevelExp } from '~/utils/level'
-import AchievementList from '~/components/AchievementList.vue'
-
-definePageMeta({
-  alias: ['/users/:id/'],
-})
 
 export default {
   name: 'ProfileView',
   components: { BaseTimeline, UserList, BasePlaceholder, LevelProgress, AchievementList },
   setup() {
+    definePageMeta({
+      alias: ['/users/:id/'],
+    })
     const route = useRoute()
     const router = useRouter()
     const username = route.params.id
diff --git a/frontend_nuxt/plugins/ldrs.client.ts b/frontend_nuxt/plugins/ldrs.client.ts
index 66d8221c7..147588fc2 100644
--- a/frontend_nuxt/plugins/ldrs.client.ts
+++ b/frontend_nuxt/plugins/ldrs.client.ts
@@ -1,5 +1,5 @@
 // plugins/ldrs.client.ts
-import { defineNuxtPlugin } from '#app'
+import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin(async () => {
   // 动态引入，防止打包时把 ldrs 拉进 SSR bundle
diff --git a/frontend_nuxt/plugins/nprogress.client.ts b/frontend_nuxt/plugins/nprogress.client.ts
index cecdf6e5f..ee9e88054 100644
--- a/frontend_nuxt/plugins/nprogress.client.ts
+++ b/frontend_nuxt/plugins/nprogress.client.ts
@@ -1,5 +1,6 @@
 import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
+import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((nuxtApp) => {
   NProgress.configure({ showSpinner: false })
@@ -12,7 +13,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     NProgress.done()
   })
 
-  nuxtApp.hook('page:error', () => {
+  nuxtApp.hook('app:error', () => {
     NProgress.done()
   })
 })
diff --git a/frontend_nuxt/plugins/theme.client.ts b/frontend_nuxt/plugins/theme.client.ts
index 5f971d2f0..5db046c5e 100644
--- a/frontend_nuxt/plugins/theme.client.ts
+++ b/frontend_nuxt/plugins/theme.client.ts
@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from '#app'
+import { defineNuxtPlugin } from 'nuxt/app'
 import { initTheme } from '~/utils/theme'
 
 export default defineNuxtPlugin(() => {
diff --git a/frontend_nuxt/plugins/toastification.client.ts b/frontend_nuxt/plugins/toastification.client.ts
index acd0fe2af..2a9fd3f31 100644
--- a/frontend_nuxt/plugins/toastification.client.ts
+++ b/frontend_nuxt/plugins/toastification.client.ts
@@ -1,4 +1,4 @@
-import { defineNuxtPlugin } from '#app'
+import { defineNuxtPlugin } from 'nuxt/app'
 import 'vue-toastification/dist/index.css'
 import '~/assets/toast.css'
 
diff --git a/frontend_nuxt/utils/markdown.js b/frontend_nuxt/utils/markdown.js
index 4c2b586bd..829c95988 100644
--- a/frontend_nuxt/utils/markdown.js
+++ b/frontend_nuxt/utils/markdown.js
@@ -1,6 +1,6 @@
-import MarkdownIt from 'markdown-it'
 import hljs from 'highlight.js'
 import 'highlight.js/styles/github.css'
+import MarkdownIt from 'markdown-it'
 import { toast } from '../main'
 import { tiebaEmoji } from './tiebaEmoji'
 
@@ -86,18 +86,19 @@ export function handleMarkdownClick(e) {
 
 export function stripMarkdown(text) {
   const html = md.render(text || '')
-  // SSR 环境下没有 document
-  if (typeof window === 'undefined') {
-    // 用正则去除 HTML 标签
-    return html
-      .replace(/<[^>]+>/g, '')
-      .replace(/\s+/g, ' ')
-      .trim()
-  } else {
-    const el = document.createElement('div')
-    el.innerHTML = html
-    return el.textContent || el.innerText || ''
-  }
+
+  // 统一使用正则表达式方法，确保服务端和客户端行为一致
+  let plainText = html.replace(/<[^>]+>/g, '')
+
+  // 标准化空白字符处理
+  plainText = plainText
+    .replace(/\r\n/g, '\n') // Windows换行符转为Unix格式
+    .replace(/\r/g, '\n') // 旧Mac换行符转为Unix格式
+    .replace(/[ \t]+/g, ' ') // 合并空格和制表符为单个空格
+    .replace(/\n{3,}/g, '\n\n') // 最多保留两个连续换行（一个空行）
+    .trim()
+
+  return plainText
 }
 
 export function stripMarkdownLength(text, length) {

From 414872f61e998ded0d42db6c02f09efc332ebddb Mon Sep 17 00:00:00 2001
From: AnNingUI <an3533581512@gmail.com>
Date: Tue, 12 Aug 2025 20:42:31 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3tag=E4=B8=8E?=
 =?UTF-8?q?=E7=B1=BB=E5=88=AB=E5=88=87=E6=8D=A2=E9=9C=80=E8=A6=81reload?=
 =?UTF-8?q?=E6=95=B4=E4=B8=AA=E9=A1=B5=E9=9D=A2=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/components/MenuComponent.vue |  8 +--
 frontend_nuxt/pages/index.vue              | 72 ++++++++++++++--------
 2 files changed, 50 insertions(+), 30 deletions(-)

diff --git a/frontend_nuxt/components/MenuComponent.vue b/frontend_nuxt/components/MenuComponent.vue
index b91b50772..3b0876a07 100644
--- a/frontend_nuxt/components/MenuComponent.vue
+++ b/frontend_nuxt/components/MenuComponent.vue
@@ -210,17 +210,13 @@ export default {
 
     const gotoCategory = (c) => {
       const value = encodeURIComponent(c.id ?? c.name)
-      router.push({ path: '/', query: { category: value } }).then(() => {
-        window.location.reload()
-      })
+      router.push({ path: '/', query: { category: value } })
       handleItemClick()
     }
 
     const gotoTag = (t) => {
       const value = encodeURIComponent(t.id ?? t.name)
-      router.push({ path: '/', query: { tags: value } }).then(() => {
-        window.location.reload()
-      })
+      router.push({ path: '/', query: { tags: value } })
       handleItemClick()
     }
 
diff --git a/frontend_nuxt/pages/index.vue b/frontend_nuxt/pages/index.vue
index b15658ddc..8b96bbeb4 100644
--- a/frontend_nuxt/pages/index.vue
+++ b/frontend_nuxt/pages/index.vue
@@ -113,18 +113,17 @@
 
 <script>
 import { ref, watch } from 'vue'
-import { useRoute } from 'vue-router'
-import { useScrollLoadMore } from '~/utils/loadMore'
-import { stripMarkdown } from '~/utils/markdown'
+import ArticleCategory from '~/components/ArticleCategory.vue'
+import ArticleTags from '~/components/ArticleTags.vue'
+import CategorySelect from '~/components/CategorySelect.vue'
+import SearchDropdown from '~/components/SearchDropdown.vue'
+import TagSelect from '~/components/TagSelect.vue'
 import { API_BASE_URL } from '~/main'
 import { getToken } from '~/utils/auth'
-import TimeManager from '~/utils/time'
-import CategorySelect from '~/components/CategorySelect.vue'
-import TagSelect from '~/components/TagSelect.vue'
-import ArticleTags from '~/components/ArticleTags.vue'
-import ArticleCategory from '~/components/ArticleCategory.vue'
-import SearchDropdown from '~/components/SearchDropdown.vue'
+import { useScrollLoadMore } from '~/utils/loadMore'
+import { stripMarkdown } from '~/utils/markdown'
 import { useIsMobile } from '~/utils/screen'
+import TimeManager from '~/utils/time'
 
 export default {
   name: 'HomePageView',
@@ -150,22 +149,9 @@ export default {
         },
       ],
     })
-    const route = useRoute()
     const selectedCategory = ref('')
-    if (route.query.category) {
-      const c = decodeURIComponent(route.query.category)
-      selectedCategory.value = isNaN(c) ? c : Number(c)
-    }
     const selectedTags = ref([])
-    if (route.query.tags) {
-      const t = Array.isArray(route.query.tags) ? route.query.tags.join(',') : route.query.tags
-      selectedTags.value = t
-        .split(',')
-        .filter((v) => v)
-        .map((v) => decodeURIComponent(v))
-        .map((v) => (isNaN(v) ? v : Number(v)))
-    }
-
+    const route = useRoute()
     const tagOptions = ref([])
     const categoryOptions = ref([])
     const isLoadingPosts = ref(false)
@@ -177,13 +163,50 @@ export default {
           ? '最新'
           : '最新回复',
     )
-
     const articles = ref([])
     const page = ref(0)
     const pageSize = 10
     const isMobile = useIsMobile()
     const allLoaded = ref(false)
 
+    const selectedCategorySet = (category) => {
+      const c = decodeURIComponent(category)
+      selectedCategory.value = isNaN(c) ? c : Number(c)
+    }
+
+    const selectedTagsSet = (tags) => {
+      const t = Array.isArray(tags) ? tags.join(',') : tags
+      selectedTags.value = t
+        .split(',')
+        .filter((v) => v)
+        .map((v) => decodeURIComponent(v))
+        .map((v) => (isNaN(v) ? v : Number(v)))
+    }
+
+    onMounted(() => {
+      const query = route.query
+      const category = query.category
+      const tags = query.tags
+
+      if (category) {
+        selectedCategorySet(category)
+      }
+      if (tags) {
+        selectedTagsSet(tags)
+      }
+    })
+
+    watch(
+      () => route.query,
+      () => {
+        const query = route.query
+        const category = query.category
+        const tags = query.tags
+        category && selectedCategorySet(category)
+        tags && selectedTagsSet(tags)
+      },
+    )
+
     const loadOptions = async () => {
       if (selectedCategory.value && !isNaN(selectedCategory.value)) {
         try {
@@ -696,6 +719,7 @@ export default {
   .header-item.activity {
     width: 10%;
   }
+
   .article-member-avatar-item:nth-child(n + 4) {
     display: none;
   }

From 2f4d6e68da7ce042bcf75aea9fb43c1137fbcbc2 Mon Sep 17 00:00:00 2001
From: AnNingUI <an3533581512@gmail.com>
Date: Tue, 12 Aug 2025 21:26:24 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=E7=94=A8=E4=BC=A0=E9=80=92menuBtn?=
 =?UTF-8?q?=E7=9A=84ref=E4=BB=A3=E6=9B=BF=E6=89=8B=E5=8A=A8=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2dom=E7=9A=84=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/app.vue                        | 15 ++++++++++-----
 frontend_nuxt/components/HeaderComponent.vue | 20 +++++++++++++-------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index fcc9288a9..3c271e589 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -1,7 +1,11 @@
 <template>
   <div id="app">
     <div class="header-container">
-      <HeaderComponent @toggle-menu="menuVisible = !menuVisible" :show-menu-btn="!hideMenu" />
+      <HeaderComponent
+        ref="header"
+        @toggle-menu="menuVisible = !menuVisible"
+        :show-menu-btn="!hideMenu"
+      />
     </div>
 
     <div class="main-container">
@@ -42,6 +46,8 @@ export default {
       ].includes(useRoute().path)
     })
 
+    const header = useTemplateRef('header')
+
     onMounted(() => {
       if (typeof window !== 'undefined') {
         menuVisible.value = window.innerWidth > 768
@@ -49,9 +55,8 @@ export default {
     })
 
     const handleMenuOutside = (event) => {
-      // 检查点击事件是否来自菜单按钮
-      const menuBtn = document.querySelector('.menu-btn')
-      if (menuBtn && (menuBtn === event.target || menuBtn.contains(event.target))) {
+      const btn = header.value.$refs.menuBtn
+      if (btn && (btn === event.target || btn.contains(event.target))) {
         return // 如果是菜单按钮的点击，不处理关闭
       }
 
@@ -60,7 +65,7 @@ export default {
       }
     }
 
-    return { menuVisible, hideMenu, handleMenuOutside }
+    return { menuVisible, hideMenu, handleMenuOutside, header }
   },
 }
 </script>
diff --git a/frontend_nuxt/components/HeaderComponent.vue b/frontend_nuxt/components/HeaderComponent.vue
index 1a2c52f09..d4b6c2d86 100644
--- a/frontend_nuxt/components/HeaderComponent.vue
+++ b/frontend_nuxt/components/HeaderComponent.vue
@@ -3,7 +3,7 @@
     <div class="header-content">
       <div class="header-content-left">
         <div v-if="showMenuBtn" class="menu-btn-wrapper">
-          <button class="menu-btn" @click="$emit('toggle-menu')">
+          <button class="menu-btn" ref="menuBtn" @click="$emit('toggle-menu')">
             <i class="fas fa-bars"></i>
           </button>
           <span v-if="isMobile && unreadCount > 0" class="menu-unread-dot"></span>
@@ -49,14 +49,14 @@
 </template>
 
 <script>
-import { authState, clearToken, loadCurrentUser } from '~/utils/auth'
-import { watch, nextTick, ref, computed } from 'vue'
-import { fetchUnreadCount, notificationState } from '~/utils/notification'
+import { ClientOnly } from '#components'
+import { computed, nextTick, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import DropdownMenu from '~/components/DropdownMenu.vue'
 import SearchDropdown from '~/components/SearchDropdown.vue'
+import { authState, clearToken, loadCurrentUser } from '~/utils/auth'
+import { fetchUnreadCount, notificationState } from '~/utils/notification'
 import { useIsMobile } from '~/utils/screen'
-import { useRouter } from 'vue-router'
-import { ClientOnly } from '#components'
 
 export default {
   name: 'HeaderComponent',
@@ -67,7 +67,7 @@ export default {
       default: true,
     },
   },
-  setup() {
+  setup(props, { expose }) {
     const isLogin = computed(() => authState.loggedIn)
     const isMobile = useIsMobile()
     const unreadCount = computed(() => notificationState.unreadCount)
@@ -76,6 +76,11 @@ export default {
     const showSearch = ref(false)
     const searchDropdown = ref(null)
     const userMenu = ref(null)
+    const menuBtn = ref(null)
+
+    expose({
+      menuBtn,
+    })
 
     const goToHome = () => {
       router.push('/').then(() => {
@@ -183,6 +188,7 @@ export default {
       searchDropdown,
       userMenu,
       avatar,
+      menuBtn,
     }
   },
 }