homebox/frontend/stores/labels.ts

40 lines
994 B
TypeScript

import { defineStore } from "pinia";
import type { LabelOut } from "~~/lib/api/types/data-contracts";
export const useLabelStore = defineStore("labels", {
state: () => ({
allLabels: null as LabelOut[] | null,
client: useUserApi(),
}),
getters: {
/**
* labels represents the labels that are currently in the store. The store is
* synched with the server by intercepting the API calls and updating on the
* response.
*/
labels(state): LabelOut[] {
if (state.allLabels === null) {
this.client.labels.getAll().then(result => {
if (result.error) {
console.error(result.error);
}
this.allLabels = result.data;
});
}
return state.allLabels ?? [];
},
},
actions: {
async refresh() {
const result = await this.client.labels.getAll();
if (result.error) {
return result;
}
this.allLabels = result.data;
return result;
},
},
});