directus/app/src/stores/requests.ts

import { nanoid } from 'nanoid';
import { defineStore } from 'pinia';

export const useRequestsStore = defineStore({
	id: 'requestsStore',
	state: () => ({
		queue: [] as string[],
	}),
	getters: {
		queueHasItems(): boolean {
			return this.queue.length > 0;
		},
	},
	actions: {
		startRequest() {
			const id = nanoid();
			this.queue = [...this.queue, id];

			// If requests take more than 3.5 seconds, we'll have to assume they'll either never
			// happen, or already crashed
			setTimeout(() => this.endRequest(id), 3500);

			return id;
		},
		endRequest(id: string) {
			this.queue = this.queue.filter((queueID: string) => queueID !== id);
		},
	},
});