homebox/frontend/composables/use-preferences.ts
2022-09-02 09:46:20 -08:00

23 lines
682 B
TypeScript

import { Ref } from 'vue';
export type LocationViewPreferences = {
showDetails: 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,
},
{ 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>;
}