feat: persist home tab selection

frontend_nuxt/pages/index.vue

@@ -147,14 +147,18 @@ const categoryOptions = ref([])
 const isLoadingMore = ref(false)
 
 const topics = ref(['最新回复', '最新', '排行榜' /*, '热门', '类别'*/])
-const selectedTopic = ref(
+const HOME_TAB_KEY = 'homeTab'
-  route.query.view === 'ranking' ? '排行榜' : route.query.view === 'latest' ? '最新' : '最新回复',
+const routeDefault =
-)
+  route.query.view === 'ranking' ? '排行榜' : route.query.view === 'latest' ? '最新' : null
-
+const selectedTopic = ref(routeDefault || '最新回复')
 if (import.meta.client) {
-  const storedTopic = localStorage.getItem('home-selected-topic')
+  if (routeDefault) {
-  if (storedTopic && topics.value.includes(storedTopic)) {
+    localStorage.setItem(HOME_TAB_KEY, routeDefault)
-    selectedTopic.value = storedTopic
+  } else {
+    const stored = localStorage.getItem(HOME_TAB_KEY)
+    if (stored && topics.value.includes(stored)) {
+      selectedTopic.value = stored
+    }
   }
 }
 const articles = ref([])
@@ -347,10 +351,8 @@ watch(
 watch([selectedCategory, selectedTags], () => {
   loadOptions()
 })
-watch(selectedTopic, (topic) => {
+watch(selectedTopic, (val) => {
-  if (import.meta.client) {
+  if (import.meta.client) localStorage.setItem(HOME_TAB_KEY, val)
-    localStorage.setItem('home-selected-topic', topic)
-  }
   // 仅当需要额外选项时加载
   loadOptions()
 })