1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2024-12-23 15:26:31 +00:00
homebox/frontend/composables/use-preferences.ts

61 lines
1.2 KiB
TypeScript
Raw Normal View History

import { Ref } from "vue";
2022-09-01 22:32:03 +00:00
export type DaisyTheme =
| "light"
| "dark"
| "cupcake"
| "bumblebee"
| "emerald"
| "corporate"
| "synthwave"
| "retro"
| "cyberpunk"
| "valentine"
| "halloween"
| "garden"
| "forest"
| "aqua"
| "lofi"
| "pastel"
| "fantasy"
| "wireframe"
| "black"
| "luxury"
| "dracula"
| "cmyk"
| "autumn"
| "business"
| "acid"
| "lemonade"
| "night"
| "coffee"
| "winter";
2022-09-01 22:32:03 +00:00
export type LocationViewPreferences = {
showDetails: boolean;
2022-09-06 18:32:13 +00:00
showEmpty: boolean;
editorSimpleView: boolean;
theme: DaisyTheme;
2022-09-01 22:32:03 +00:00
};
/**
2022-09-02 17:46:20 +00:00
* useViewPreferences loads the view preferences from local storage and hydrates
2022-09-01 22:32:03 +00:00
* them. These are reactive and will update the local storage when changed.
*/
2022-09-02 17:46:20 +00:00
export function useViewPreferences(): Ref<LocationViewPreferences> {
2022-09-01 22:32:03 +00:00
const results = useLocalStorage(
"homebox/preferences/location",
2022-09-01 22:32:03 +00:00
{
showDetails: true,
2022-09-06 18:32:13 +00:00
showEmpty: true,
editorSimpleView: true,
theme: "garden",
2022-09-01 22:32:03 +00:00
},
{ mergeDefaults: true }
);
// casting is required because the type returned is removable, however since we
// use `mergeDefaults` the result _should_ always be present.
return results as unknown as Ref<LocationViewPreferences>;
}