68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
import { defineStore } from 'pinia';
|
|
import defaultSettings from '@/settings';
|
|
import { useDynamicTitle } from '@/utils/dynamicTitle';
|
|
import { useStorage } from '@vueuse/core';
|
|
import { ref } from 'vue';
|
|
import { NavTypeEnum } from '@/enums/NavTypeEnum';
|
|
|
|
export const useSettingsStore = defineStore('setting', () => {
|
|
const storageSetting = useStorage<LayoutSetting>('layout-setting', {
|
|
topNav: defaultSettings.topNav,
|
|
tagsView: defaultSettings.tagsView,
|
|
tagsIcon: defaultSettings.tagsIcon,
|
|
fixedHeader: defaultSettings.fixedHeader,
|
|
sidebarLogo: defaultSettings.sidebarLogo,
|
|
dynamicTitle: defaultSettings.dynamicTitle,
|
|
sideTheme: defaultSettings.sideTheme,
|
|
theme: defaultSettings.theme,
|
|
navType: defaultSettings.navType,
|
|
radiusBase: defaultSettings.radiusBase
|
|
});
|
|
const title = ref<string>(defaultSettings.title);
|
|
const appTitle = ref<string>(defaultSettings.title);
|
|
const appLogoUrl = ref<string>('');
|
|
const theme = ref<string>(storageSetting.value.theme);
|
|
const sideTheme = ref<string>(storageSetting.value.sideTheme);
|
|
const showSettings = ref<boolean>(defaultSettings.showSettings);
|
|
const tagsView = ref<boolean>(storageSetting.value.tagsView);
|
|
const tagsIcon = ref<boolean>(storageSetting.value.tagsIcon);
|
|
const fixedHeader = ref<boolean>(storageSetting.value.fixedHeader);
|
|
const sidebarLogo = ref<boolean>(storageSetting.value.sidebarLogo);
|
|
const dynamicTitle = ref<boolean>(storageSetting.value.dynamicTitle);
|
|
const animationEnable = ref<boolean>(defaultSettings.animationEnable);
|
|
const dark = ref<boolean>(defaultSettings.dark);
|
|
const navType = ref<NavTypeEnum>(storageSetting.value.navType || NavTypeEnum.LEFT);
|
|
const radiusBase = ref<number>(storageSetting.value.radiusBase ?? defaultSettings.radiusBase);
|
|
|
|
const setTitle = (value: string) => {
|
|
title.value = value;
|
|
useDynamicTitle();
|
|
};
|
|
|
|
const setSystemInfo = (name: string, url: string) => {
|
|
appTitle.value = name || defaultSettings.title;
|
|
appLogoUrl.value = url || '';
|
|
useDynamicTitle();
|
|
};
|
|
|
|
return {
|
|
title,
|
|
appTitle,
|
|
appLogoUrl,
|
|
theme,
|
|
sideTheme,
|
|
showSettings,
|
|
tagsView,
|
|
tagsIcon,
|
|
fixedHeader,
|
|
sidebarLogo,
|
|
dynamicTitle,
|
|
animationEnable,
|
|
dark,
|
|
navType,
|
|
radiusBase,
|
|
setTitle,
|
|
setSystemInfo
|
|
};
|
|
});
|