useNoti

function useNoti(): (options: NotiOptions) => void
export type NotificationType = 'success' | 'warning' | 'error' | 'info'
export type NotiPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'middle-top' | 'middle-bottom'
export interface NotiOptions {
  /**
   * Text display on the notification.
   */
  message: string
  /**
   * The type of the notification.
   */
  type?: NotificationType
  /**
   * The position of the notification.
   */
  position?: NotiPosition
  /**
   * The duration of the notification.
   */
  duration?: number
  /**
   * Whether to show the progress bar.
   */
  showProgressBar?: boolean
  /**
   * Whether to close when clicking on the notification.
   */
  closeOnClick?: boolean
  /**
   * Whether to pause on hover.
   */
  hoverPause?: boolean
}

import type { NotiOptions } from '@vue3-noti/core'

import { useNoti } from '@vue3-noti/core'
const noti = useNoti()
noti({
  message: 'Hi Noti',
  type: 'success',
  position: 'top-right',
  duration: 3000,
  hoverPause: true,
  closeOnClick: true,
  showProgressBar: true,
})

const noti = useNoti()
noti({
  message: 'Hi Noti',
})

type NotificationType = 'success' | 'warning' | 'error' | 'info'

import type { NotificationType } from '@vue3-noti/core'

const noti = useNoti()
noti({
  message: 'Hi Noti',
  type: 'success',
})

type NotiPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'middle-top' | 'middle-bottom'

import type { NotiPosition } from '@vue3-noti/core'

const noti = useNoti()
noti({
  message: 'Hi Noti',
  type: 'top-right',
})

const noti = useNoti()
noti({
  message: 'Hi Noti',
  duration: 3000,
})

const noti = useNoti()
noti({
  message: 'Hi Noti',
  showProgressBar: true,
})

const noti = useNoti()
noti({
  message: 'Hi Noti',
  closeOnClick: true,
})

const noti = useNoti()
noti({
  message: 'Hi Noti',
  hoverPause: true,
})