浏览记录

components/i/Create.vue

@@ -51,7 +51,7 @@
 <script setup>
 const { $repos } = storeToRefs(useReposStore())
 const { $setRepo } = useReposStore()
-const { $setFirstRecordTitle, $setSearchHistory } = useSearchStore()
+const { $setFirstRecordTitle } = useSearchStore()
 const emits = defineEmits([ 'search' ])
 const query = ref('')
 const selectedRepo = ref('')
@@ -82,10 +82,6 @@ const handleSearch = async () => {
     if (error.value) return
     // todo 临时存到pina给搜索使用
     $setFirstRecordTitle(query.value)
-    $setSearchHistory({
-        title: query.value,
-        c_id: data.value.data.c_id
-    })
     navigateTo(`/search/${data.value.data.c_id}`)
     emits('search')
 }

pages/search/[id].vue

@@ -53,7 +53,7 @@ const route = useRoute()
 const { y } = useWindowScroll({ behavior: 'smooth' })
 const { directions } = useScroll(window)
 const { $firstRecordTitle } = storeToRefs(useSearchStore())
-const { $setFirstRecordTitle } = useSearchStore()
+const { $setFirstRecordTitle, $setSearchHistory } = useSearchStore()
 const state = reactive({
     title: '',
     query: '',
@@ -111,6 +111,12 @@ async function init () {
     const { info, records } = data.value && data.value.data
     initSearchItemInfo(info, records)
     initSearchRecords(records)
+    // 写入本地浏览记录
+    $setSearchHistory({
+        title: info.title,
+        c_id: info.c_id,
+        type: 'thread'
+    })
 }
 await init()
 

stores/search.js

@@ -7,6 +7,8 @@ export const useSearchStore = defineStore('search', () => {
     const $searchHistory = computed(() => searchHistory.value ? JSON.parse(searchHistory.value) : [])
     function $setSearchHistory (item) {
         const history = searchHistory.value ? JSON.parse(searchHistory.value) : []
+        const findIndex = history.findIndex(i => i.c_id === item.c_id)
+        if (findIndex >= 0) history.splice(findIndex, 1)
         history.push(item)
         searchHistory.value = JSON.stringify(history)
     }