homebox/frontend/composables/use-preferences.ts
2022-09-06 10:32:13 -08:00

25 lines
727 B
TypeScript

import { Ref } from 'vue';
export type LocationViewPreferences = {
showDetails: boolean;
showEmpty: boolean;
};
/**
* useViewPreferences loads the view preferences from local storage and hydrates
* them. These are reactive and will update the local storage when changed.
*/
export function useViewPreferences(): Ref<LocationViewPreferences> {
const results = useLocalStorage(
'homebox/preferences/location',
{
showDetails: true,
showEmpty: true,
},
{ 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>;
}