41 lines
912 B
TypeScript
41 lines
912 B
TypeScript
|
import {acceptHMRUpdate, defineStore} from 'pinia'
|
||
|
|
|
||
|
|
import type {Sticker} from "@/stores/stickerStore";
|
||
|
|
|
||
|
|
|
||
|
|
export interface State {
|
||
|
|
stickers: Sticker[];
|
||
|
|
}
|
||
|
|
|
||
|
|
export const useStickersStore = defineStore('stickers', {
|
||
|
|
actions: {
|
||
|
|
async fetch(uuid: string) {
|
||
|
|
if (this.getSticker(uuid)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
// TODO: Check if we have it already and if it's stale.
|
||
|
|
const response = await fetch(
|
||
|
|
`/api/sticker/${uuid}`,
|
||
|
|
);
|
||
|
|
const json = await response.json();
|
||
|
|
this.stickers.push(json);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
getters: {
|
||
|
|
getSticker: (state: State) => {
|
||
|
|
return (uuid: string): Sticker | null => {
|
||
|
|
return state.stickers.find((sticker: Sticker) => sticker.uuid === uuid)
|
||
|
|
};
|
||
|
|
},
|
||
|
|
},
|
||
|
|
state: () => {
|
||
|
|
return {
|
||
|
|
stickers: [],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
})
|
||
|
|
|
||
|
|
if (import.meta.hot) {
|
||
|
|
import.meta.hot.accept(acceptHMRUpdate(useStickersStore, import.meta.hot))
|
||
|
|
}
|