feat: initial project

src/composables/useToast.ts

@@ -0,0 +1,25 @@
+import { ref } from 'vue'
+
+interface Toast {
+    id: number
+    message: string
+    type: 'success' | 'error' | 'info'
+}
+
+const toasts = ref<Toast[]>([])
+let nextId = 0
+
+export function useToast() {
+    function add(message: string, type: Toast['type'] = 'info', duration = 3000) {
+        const id = nextId++
+        toasts.value.push({ id, message, type })
+        setTimeout(() => remove(id), duration)
+    }
+
+    function remove(id: number) {
+        const idx = toasts.value.findIndex(t => t.id === id)
+        if (idx !== -1) toasts.value.splice(idx, 1)
+    }
+
+    return { toasts, add, remove }
+}