已成功实现仓库页面排序设置的持久化功能!
useAppStore.ts 的 partialize 函数中添加了排序设置的持久化onRehydrateStorage 中保留用户上次设置的排序方式,而不是每次都重置为默认值// 持久化搜索排序设置
searchFilters: {
sortBy: state.searchFilters.sortBy,
sortOrder: state.searchFilters.sortOrder,
},
// 重置搜索过滤器,但保留排序设置
const savedSortBy = state.searchFilters?.sortBy || 'stars';
const savedSortOrder = state.searchFilters?.sortOrder || 'desc';
state.searchFilters = {
...initialSearchFilters,
sortBy: savedSortBy,
sortOrder: savedSortOrder,
};
npm run dev每种排序都支持升序 (↑) 和降序 (↓) 两种顺序。
🎉 功能已完成!现在用户的排序偏好会被记住,不再每次都重置为按星标排序了。