import defaultSettings from "@/settings";
|
import { useDark, useToggle } from "@vueuse/core";
|
import { useDynamicTitle } from "@/utils/dynamicTitle";
|
|
const isDark = useDark();
|
const toggleDark = useToggle(isDark);
|
|
const {
|
sideTheme,
|
showSettings,
|
topNav,
|
tagsView,
|
fixedHeader,
|
sidebarLogo,
|
dynamicTitle,
|
} = defaultSettings;
|
|
const storageSetting = JSON.parse(localStorage.getItem("layout-setting")) || "";
|
|
const useSettingsStore = defineStore("settings", {
|
state: () => ({
|
title: "",
|
theme: storageSetting.theme || "#002fa7",
|
sideTheme: storageSetting.sideTheme || sideTheme,
|
showSettings: showSettings,
|
topNav:
|
storageSetting.topNav === undefined ? topNav : storageSetting.topNav,
|
tagsView:
|
storageSetting.tagsView === undefined
|
? tagsView
|
: storageSetting.tagsView,
|
fixedHeader:
|
storageSetting.fixedHeader === undefined
|
? fixedHeader
|
: storageSetting.fixedHeader,
|
sidebarLogo:
|
storageSetting.sidebarLogo === undefined
|
? sidebarLogo
|
: storageSetting.sidebarLogo,
|
dynamicTitle:
|
storageSetting.dynamicTitle === undefined
|
? dynamicTitle
|
: storageSetting.dynamicTitle,
|
isDark: isDark.value,
|
}),
|
actions: {
|
// 修改布局设置
|
changeSetting(data) {
|
const { key, value } = data;
|
if (this.hasOwnProperty(key)) {
|
this[key] = value;
|
}
|
},
|
// 设置网页标题
|
setTitle(title) {
|
this.title = title;
|
useDynamicTitle();
|
},
|
// 切换暗黑模式
|
toggleTheme() {
|
this.isDark = !this.isDark;
|
toggleDark();
|
},
|
},
|
});
|
|
export default useSettingsStore;
|
