Initial commit

app/stores/ui.ts

@@ -0,0 +1,61 @@
+import { computed, ref } from 'vue'
+import { defineStore } from 'pinia'
+
+export type UiNotificationTone = 'info' | 'success' | 'warning' | 'error'
+
+export interface UiNotification {
+  id: string
+  title: string
+  message?: string
+  tone?: UiNotificationTone
+}
+
+export const useUiStore = defineStore('ui', () => {
+  const activeRequests = ref(0)
+  const notifications = ref<UiNotification[]>([])
+
+  const isPageLoading = computed(() => activeRequests.value > 0)
+
+  function setLoading(value: boolean) {
+    activeRequests.value = value ? 1 : 0
+  }
+
+  function startLoading() {
+    activeRequests.value += 1
+  }
+
+  function stopLoading() {
+    activeRequests.value = Math.max(0, activeRequests.value - 1)
+  }
+
+  function pushNotification(notification: Omit<UiNotification, 'id'> & { id?: string }) {
+    const nextNotification = {
+      ...notification,
+      id: notification.id ?? crypto.randomUUID(),
+      tone: notification.tone ?? 'info'
+    } satisfies UiNotification
+
+    notifications.value = [...notifications.value, nextNotification]
+
+    return nextNotification.id
+  }
+
+  function removeNotification(id: string) {
+    notifications.value = notifications.value.filter((notification) => notification.id !== id)
+  }
+
+  function clearNotifications() {
+    notifications.value = []
+  }
+
+  return {
+    clearNotifications,
+    isPageLoading,
+    notifications,
+    pushNotification,
+    removeNotification,
+    setLoading,
+    startLoading,
+    stopLoading
+  }
+})