ui/src/runtime/composables/useToast.ts

import type { Notification } from '../types/notification'
import { useState } from '#imports'

export function useToast () {
  const notifications = useState<Notification[]>('notifications', () => [])

  function add (notification: Partial<Notification>) {
    const body = {
      id: new Date().getTime().toString(),
      ...notification
    }

    const index = notifications.value.findIndex((n: Notification) => n.id === body.id)
    if (index === -1) {
      notifications.value.push(body as Notification)
    }

    return body
  }

  function remove (id: string) {
    notifications.value = notifications.value.filter((n: Notification) => n.id !== id)
  }

  function update (id: string, notification: Partial<Notification>) {
    const index = notifications.value.findIndex((n: Notification) => n.id === id)
    if (index !== -1) {
      const previous = notifications.value[index]
      notifications.value.splice(index, 1, { ...previous, ...notification })
    }
  }

  return {
    add,
    remove,
    update
  }
}