Skip to content

FunnyQ/use-flash-message-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to use

import { useFlashMessageStore } from 'use-flash-message-store'
import { FlashMessage } from 'use-flash-message-store/types'

// in vue setup
const flashMessageStore = useFlashMessageStore()
// use init action, provide a callback function for display messages
// the only argument of callback function is FlashMessage object.
flashMessageStore.init('buefy', (flashMessage: FlashMessage) => {
  Toast.open({
    duration: 5000,
    type: `is-${flashMessage.type}`,
    message: flashMessage.message,
    position: `is-${flashMessage.position}`,
    queue: false,
  })
})

// add single message
flashMessageStore.add({ message: 'test' })

// set multiple messages
flashMessageStore.set([
  { message: 'test1' },
  { message: 'test2', position: 'top-right' },
  { message: 'test3', position: 'bottom', type: 'danger' },
])

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages