From e0098757975a23558de992213a08ea308af1ba37 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Fri, 15 Aug 2025 11:37:30 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E4=BB=85=E4=BB=85=E5=9C=A8=E4=B8=BB?=
 =?UTF-8?q?=E9=A1=B5=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/app.vue | 83 +++++++++++++++++++------------------------
 1 file changed, 37 insertions(+), 46 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index 9008776bb..ed8d16420 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -16,11 +16,7 @@
         <NuxtPage keepalive />
       </div>
 
-      <div
-        v-if="!menuVisible && route.path !== '/new-post'"
-        class="new-post-icon"
-        @click="goToNewPost"
-      >
+      <div v-if="showNewPostIcon" class="new-post-icon" @click="goToNewPost">
         <i class="fas fa-edit"></i>
       </div>
     </div>
@@ -28,61 +24,56 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import HeaderComponent from '~/components/HeaderComponent.vue'
 import MenuComponent from '~/components/MenuComponent.vue'
 import GlobalPopups from '~/components/GlobalPopups.vue'
 import { useIsMobile } from '~/utils/screen'
 
-export default {
-  name: 'App',
-  components: { HeaderComponent, MenuComponent, GlobalPopups },
-  setup() {
-    const isMobile = useIsMobile()
-    const menuVisible = ref(!isMobile.value)
-    const route = useRoute()
+const isMobile = useIsMobile()
+const menuVisible = ref(!isMobile.value)
+const route = useRoute()
 
-    const hideMenu = computed(() => {
-      return [
-        '/login',
-        '/signup',
-        '/404',
-        '/signup-reason',
-        '/github-callback',
-        '/twitter-callback',
-        '/discord-callback',
-        '/forgot-password',
-        '/google-callback',
-      ].includes(useRoute().path)
-    })
+const showNewPostIcon = computed(() => useRoute().path === '/')
 
-    const header = useTemplateRef('header')
+const hideMenu = computed(() => {
+  return [
+    '/login',
+    '/signup',
+    '/404',
+    '/signup-reason',
+    '/github-callback',
+    '/twitter-callback',
+    '/discord-callback',
+    '/forgot-password',
+    '/google-callback',
+  ].includes(useRoute().path)
+})
 
-    onMounted(() => {
-      if (typeof window !== 'undefined') {
-        menuVisible.value = window.innerWidth > 768
-      }
-    })
+const header = useTemplateRef('header')
 
-    const handleMenuOutside = (event) => {
-      const btn = header.value.$refs.menuBtn
-      if (btn && (btn === event.target || btn.contains(event.target))) {
-        return // 如果是菜单按钮的点击，不处理关闭
-      }
+onMounted(() => {
+  if (typeof window !== 'undefined') {
+    menuVisible.value = window.innerWidth > 768
+  }
+})
 
-      if (isMobile.value) {
-        menuVisible.value = false
-      }
-    }
+const handleMenuOutside = (event) => {
+  const btn = header.value.$refs.menuBtn
+  if (btn && (btn === event.target || btn.contains(event.target))) {
+    return // 如果是菜单按钮的点击，不处理关闭
+  }
 
-    const goToNewPost = () => {
-      navigateTo('/new-post', { replace: false })
-    }
+  if (isMobile.value) {
+    menuVisible.value = false
+  }
+}
 
-    return { menuVisible, hideMenu, handleMenuOutside, header, route, goToNewPost }
-  },
+const goToNewPost = () => {
+  navigateTo('/new-post', { replace: false })
 }
 </script>
+
 <style src="~/assets/global.css"></style>
 <style scoped>
 .header-container {

From 423248c574705602c7006e3240cfb15c8f34c009 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Fri, 15 Aug 2025 11:39:47 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=89=8D?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend_nuxt/app.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend_nuxt/app.vue b/frontend_nuxt/app.vue
index ed8d16420..2c5100e78 100644
--- a/frontend_nuxt/app.vue
+++ b/frontend_nuxt/app.vue
@@ -16,7 +16,7 @@
         <NuxtPage keepalive />
       </div>
 
-      <div v-if="showNewPostIcon" class="new-post-icon" @click="goToNewPost">
+      <div v-if="showNewPostIcon && isMobile" class="new-post-icon" @click="goToNewPost">
         <i class="fas fa-edit"></i>
       </div>
     </div>
@@ -32,7 +32,6 @@ import { useIsMobile } from '~/utils/screen'
 
 const isMobile = useIsMobile()
 const menuVisible = ref(!isMobile.value)
-const route = useRoute()
 
 const showNewPostIcon = computed(() => useRoute().path === '/')