| | |
| | | emitAuto: true, |
| | | }); |
| | | |
| | | const { |
| | | sideTheme, |
| | | showSettings, |
| | | topNav, |
| | | tagsView, |
| | | fixedHeader, |
| | | sidebarLogo, |
| | | dynamicTitle, |
| | | darkMode, |
| | | } = defaultSettings; |
| | | const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle, darkMode } = defaultSettings; |
| | | |
| | | const storageSetting = JSON.parse(localStorage.getItem("layout-setting") || "{}"); |
| | | const defaultDarkMode = darkMode || "auto"; |
| | | const initialDarkMode = storageSetting.darkMode || defaultDarkMode; |
| | | colorMode.value = initialDarkMode; |
| | | const getIsDark = (mode) => mode === "dark" || (mode === "auto" && preferredDark.value); |
| | | const getIsDark = mode => mode === "dark" || (mode === "auto" && preferredDark.value); |
| | | |
| | | const useSettingsStore = defineStore("settings", () => { |
| | | const title = ref(""); |
| | | const theme = ref(storageSetting.theme || "#002fa7"); |
| | | const theme = ref(storageSetting.theme || "#374D77"); |
| | | const sideThemeValue = ref(storageSetting.sideTheme || sideTheme); |
| | | const showSettingsValue = ref(showSettings); |
| | | const topNavValue = ref( |
| | | storageSetting.topNav === undefined ? topNav : storageSetting.topNav |
| | | ); |
| | | const tagsViewValue = ref( |
| | | storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView |
| | | ); |
| | | const fixedHeaderValue = ref( |
| | | storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader |
| | | ); |
| | | const sidebarLogoValue = ref( |
| | | storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo |
| | | ); |
| | | const dynamicTitleValue = ref( |
| | | storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle |
| | | ); |
| | | const topNavValue = ref(storageSetting.topNav === undefined ? topNav : storageSetting.topNav); |
| | | const tagsViewValue = ref(storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView); |
| | | const fixedHeaderValue = ref(storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader); |
| | | const sidebarLogoValue = ref(storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo); |
| | | const dynamicTitleValue = ref(storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle); |
| | | const darkModeValue = ref(initialDarkMode); |
| | | const isDark = computed(() => getIsDark(darkModeValue.value)); |
| | | |