useNoti

import { useNoti } from '@vue3-noti/core'

const noti = useNoti()

notify({
  message: 'Hi Noti',
  type: 'success',
  position: 'top-right',
  duration: 3000,
  hoverPause: true,
  closeOnClick: true,
  showProgressBar: true,
})

function useNoti(): (options: NotiOptions) => void
export type NotificationType = 'success' | 'warning' | 'error' | 'info'

export type NotiPosition = 'top-left' | 'top-middle' | 'top-right' | 'bottom-left' | 'bottom-middle' | 'bottom-right'
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'

const noti = useNoti()

notify({
  message: 'Hi Noti',
})

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

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

const noti = useNoti()

notify({
  message: 'Hi Noti',
  type: 'success',
})

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

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

const noti = useNoti()

notify({
  message: 'Hi Noti',
  type: 'top-right',
})

const noti = useNoti()

notify({
  message: 'Hi Noti',
  duration: 3000,
})

const noti = useNoti()

notify({
  message: 'Hi Noti',
  showProgressBar: true,
})

const noti = useNoti()

notify({
  message: 'Hi Noti',
  closeOnClick: true,
})

const noti = useNoti()

notify({
  message: 'Hi Noti',
  hoverPause: true,
})