AstralRinth/apps/frontend/src/composables/notifs.js

export const useNotifications = () => useState("notifications", () => []);

export const addNotification = (notification) => {
  const notifications = useNotifications();

  const existingNotif = notifications.value.find(
    (x) =>
      x.text === notification.text &&
      x.title === notification.title &&
      x.type === notification.type,
  );
  if (existingNotif) {
    setNotificationTimer(existingNotif);

    return;
  }

  notification.id = new Date();

  setNotificationTimer(notification);
  notifications.value.push(notification);
};

export const setNotificationTimer = (notification) => {
  if (!notification) return;

  const notifications = useNotifications();

  if (notification.timer) {
    clearTimeout(notification.timer);
  }

  notification.timer = setTimeout(() => {
    notifications.value.splice(notifications.value.indexOf(notification), 1);
  }, 30000);
};