cineclub-site/front/stores/loadingStore.ts

21 lines
514 B
TypeScript

import { defineStore } from "pinia"
export const useLoadingStore = defineStore("loading", {
state: () => <{ [key: string]: "loading" | "done" | "error" }>{},
actions: {
markLoading(key: string) {
this.$patch({ [key]: "loading" })
},
markDone(key: string) {
this.$patch({ [key]: "done" })
},
markError(key: string) {
this.$patch({ [key]: "error" })
},
},
getters: {
isLoading: (state) => {
return (key: string) => state[key] === "loading"
},
},
})