56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
|
|
import { defineStore } from 'pinia';
|
|
import { UiFlavorProvider, UiIconSet, UiSection, UiSettingsGroup, UiStoreState } from 'zero/ui';
|
|
import api from './api';
|
|
|
|
const THEME_KEY = 'zero.theme';
|
|
|
|
export const useUiStore = defineStore('zero.ui', {
|
|
state: () => ({
|
|
preferences: {
|
|
theme: 'dark'
|
|
},
|
|
|
|
sections: [],
|
|
settingGroups: [],
|
|
iconSets: [],
|
|
flavors: [],
|
|
blueprints: []
|
|
} as UiStoreState),
|
|
|
|
actions: {
|
|
async setup(anonymous)
|
|
{
|
|
this.setTheme(localStorage.getItem(THEME_KEY) || 'default');
|
|
|
|
if (anonymous)
|
|
{
|
|
return;
|
|
}
|
|
|
|
const values = await Promise.all([
|
|
api.getSections(),
|
|
api.getSettingGroups(),
|
|
api.getIconSets(),
|
|
api.getFlavors(),
|
|
api.getBlueprints()
|
|
]);
|
|
|
|
this.sections = values[0].data as UiSection[];
|
|
this.settingGroups = values[1].data as UiSettingsGroup[];
|
|
this.iconSets = values[2].data as UiIconSet[];
|
|
this.flavors = values[3].data as Record<string, UiFlavorProvider>;
|
|
this.blueprints = values[4].data as string[];
|
|
},
|
|
|
|
setTheme(theme: 'default' | 'light' | 'dark')
|
|
{
|
|
const dark = theme === 'dark';
|
|
this.preferences.theme = theme;
|
|
localStorage.setItem(THEME_KEY, theme);
|
|
|
|
document.body.classList.toggle('theme-light', !dark);
|
|
document.body.classList.toggle('theme-dark', dark);
|
|
}
|
|
}
|
|
}); |