Merge branch 'main' of github.com:AnNingUI/OpenIsle

frontend_nuxt/app.vue

@@ -16,11 +16,7 @@
         <NuxtPage keepalive />
       </div>
 
-      <div
+      <div v-if="showNewPostIcon && isMobile" class="new-post-icon" @click="goToNewPost">
-        v-if="!menuVisible && route.path !== '/new-post'"
-        class="new-post-icon"
-        @click="goToNewPost"
-      >
         <i class="fas fa-edit"></i>
       </div>
     </div>
@@ -28,19 +24,16 @@
   </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 showNewPostIcon = computed(() => useRoute().path === '/')
 
 const hideMenu = computed(() => {
   return [
@@ -78,11 +71,8 @@ export default {
 const goToNewPost = () => {
   navigateTo('/new-post', { replace: false })
 }
-
-    return { menuVisible, hideMenu, handleMenuOutside, header, route, goToNewPost }
-  },
-}
 </script>
+
 <style src="~/assets/global.css"></style>
 <style scoped>
 .header-container {