feat: persist home tab selection

frontend_nuxt/pages/index.vue

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

frontend_nuxt/pages/users/[id].vue

@@ -204,32 +204,12 @@
         </div>
 
         <div v-else-if="selectedTab === 'timeline'" class="profile-timeline">
-          <div class="timeline-tabs">
-            <div
-              :class="['timeline-tab-item', { selected: timelineFilter === 'all' }]"
-              @click="timelineFilter = 'all'"
-            >
-              全部
-            </div>
-            <div
-              :class="['timeline-tab-item', { selected: timelineFilter === 'articles' }]"
-              @click="timelineFilter = 'articles'"
-            >
-              文章
-            </div>
-            <div
-              :class="['timeline-tab-item', { selected: timelineFilter === 'comments' }]"
-              @click="timelineFilter = 'comments'"
-            >
-              评论和回复
-            </div>
-          </div>
           <BasePlaceholder
-            v-if="filteredTimelineItems.length === 0"
+            v-if="timelineItems.length === 0"
             text="暂无时间线"
             icon="fas fa-inbox"
           />
-          <BaseTimeline :items="filteredTimelineItems">
+          <BaseTimeline :items="timelineItems">
             <template #item="{ item }">
               <template v-if="item.type === 'post'">
                 发布了文章
@@ -344,15 +324,6 @@ const hotPosts = ref([])
 const hotReplies = ref([])
 const hotTags = ref([])
 const timelineItems = ref([])
-const timelineFilter = ref('all')
-const filteredTimelineItems = computed(() => {
-  if (timelineFilter.value === 'articles') {
-    return timelineItems.value.filter((item) => item.type === 'post')
-  } else if (timelineFilter.value === 'comments') {
-    return timelineItems.value.filter((item) => item.type === 'comment' || item.type === 'reply')
-  }
-  return timelineItems.value
-})
 const followers = ref([])
 const followings = ref([])
 const medals = ref([])
@@ -806,23 +777,6 @@ watch(selectedTab, async (val) => {
   width: 40%;
 }
 
-.timeline-tabs {
-  display: flex;
-  flex-direction: row;
-  border-bottom: 1px solid var(--normal-border-color);
-  margin-bottom: 10px;
-}
-
-.timeline-tab-item {
-  padding: 10px 20px;
-  cursor: pointer;
-}
-
-.timeline-tab-item.selected {
-  color: var(--primary-color);
-  border-bottom: 2px solid var(--primary-color);
-}
-
 .profile-timeline {
   padding: 20px;
 }