fix: 首页新增tab

open-isle-cli/src/views/HomePageView.vue

@@ -26,7 +26,7 @@
     </div>
 
     <div class="article-container">
-      <template v-if="selectedTopic === '最新' || selectedTopic === '排行榜'">
+      <template v-if="selectedTopic === '最新' || selectedTopic === '排行榜' || selectedTopic === '最新回复'">
         <div class="header-container">
           <div class="header-item main-item">
             <div class="header-item-text">话题</div>
@@ -344,48 +344,34 @@ export default {
       }
     }
 
+    const fetchContent = (reset = false) => {
+      if (selectedTopic.value === '排行榜') {
+          fetchRanking(reset)
+        } else if (selectedTopic.value === '最新回复') {
+          fetchLatestReply(reset)
+        } else {
+          fetchPosts(reset)
+        }
+    }
+
     const handleScroll = (e) => {
       const el = e.target
       if (el.scrollHeight - el.scrollTop <= el.clientHeight + 50) {
-        if (selectedTopic.value === '排行榜') {
+        fetchContent()
-          fetchRanking()
-        } else if (selectedTopic.value === '最新回复') {
-          fetchLatestReply()
-        } else {
-          fetchPosts()
-        }
       }
     }
 
     onMounted(async () => {
       await loadOptions()
-      if (selectedTopic.value === '排行榜') {
+      fetchContent()
-        fetchRanking()
-      } else if (selectedTopic.value === '最新回复') {
-        fetchLatestReply()
-      } else {
-        fetchPosts()
-      }
     })
 
     watch([selectedCategory, selectedTags], () => {
-      if (selectedTopic.value === '最新') {
+      fetchContent(true)
-        fetchPosts(true)
-      } else if (selectedTopic.value === '排行榜') {
-        fetchRanking(true)
-      } else if (selectedTopic.value === '最新回复') {
-        fetchLatestReply(true)
-      }
     })
 
     watch(selectedTopic, () => {
-      if (selectedTopic.value === '排行榜') {
+      fetchContent(true)
-        fetchRanking(true)
-      } else if (selectedTopic.value === '最新回复') {
-        fetchLatestReply(true)
-      } else {
-        fetchPosts(true)
-      }
     })
 
     const sanitizeDescription = (text) => stripMarkdown(text)