vue3-vt-notifications/src/notifications.js

A headless vue notification library to use with tailwind

import { reactive } from 'vue'

export const state = reactive({
  notifications: [
  ],
});

let count = 0;
const generateId = () => {
  count = count + 1;
  return count
}
export const methods = {
  notify(notification, timeout) {
    notification.id = generateId()
    notification.group = notification.group || ''; // add default group
    state.notifications.push(notification);
    setTimeout(() => {
      this.removeNotification(notification.id)
    }, timeout || 3000) // default time 3s
  },
  removeNotification(id) {
    state.notifications.splice(state.notifications.findIndex(n => n.id === id), 1)
  }
};