refactor(app): 修改本地储存数据处理逻辑,统一管理
This commit is contained in:
28
src/assets/js/local-storage.js
Normal file
28
src/assets/js/local-storage.js
Normal file
@@ -0,0 +1,28 @@
|
||||
// 本地储存
|
||||
|
||||
import { useLocalStorage } from '@vueuse/core';
|
||||
|
||||
/** 本地储存 key 前缀 */
|
||||
const PREFIX = 'frost-navigation/';
|
||||
|
||||
/** NavView 模块 */
|
||||
export const storeNavView = {
|
||||
|
||||
/** 导航链接侧边栏折叠状态 */
|
||||
isAsideCollapsed: useLocalStorage(PREFIX + 'nav-view/is-aside-collapsed', false),
|
||||
|
||||
/** 导航链接当前选中分类 */
|
||||
currentCategory: useLocalStorage(PREFIX + 'nav-view/current-category', ''),
|
||||
|
||||
/** 导航链接搜索类型 */
|
||||
searchType: useLocalStorage(PREFIX + 'nav-view/search-type', 'all'),
|
||||
|
||||
};
|
||||
|
||||
/** SearchView 模块 */
|
||||
export const storeSearchView = {
|
||||
|
||||
/** 当前使用的搜索引擎名称 */
|
||||
searchEngineName: useLocalStorage(PREFIX + 'search-view/search-engine-name', '必应'),
|
||||
|
||||
};
|
@@ -5,12 +5,8 @@ import {
|
||||
} from 'vue';
|
||||
|
||||
import {
|
||||
SKEY_SEARCH_ENGINE_NAME,
|
||||
} from '@/config/storage';
|
||||
|
||||
import {
|
||||
useLocalStorage,
|
||||
} from '@vueuse/core';
|
||||
storeSearchView,
|
||||
} from './local-storage';
|
||||
|
||||
import {
|
||||
$message,
|
||||
@@ -37,7 +33,7 @@ import icon_zhihu from '@/assets/website-icon/zhihu.svg';
|
||||
/** 打开搜索结果页面 */
|
||||
export function openSearchResult() {
|
||||
|
||||
let engine = searchEngineName.value;
|
||||
let engine = storeSearchView.searchEngineName.value;
|
||||
let keyword = searchKeyword.value;
|
||||
let baseURL = '';
|
||||
let useURL = '';
|
||||
@@ -221,8 +217,5 @@ export const searchEngineList = [
|
||||
},
|
||||
];
|
||||
|
||||
/** 搜索引擎名称 */
|
||||
export const searchEngineName = useLocalStorage(SKEY_SEARCH_ENGINE_NAME, '必应');
|
||||
|
||||
/** 搜索关键词 */
|
||||
export const searchKeyword = ref('');
|
||||
|
Reference in New Issue
Block a user