vue-material/src/components/MdSnackbar/MdSnackbarQueue.js

Material Design for Vue.js

let currentSnackbar = null
let timeout = null

function createPromise (duration, context) {
  return new Promise(resolve => {
    currentSnackbar = {
      destroy: () => {
        currentSnackbar = null
        resolve()
      }
    }

    if (duration !== Infinity) {
      timeout = window.setTimeout(() => {
        destroySnackbar()
        context._vnode.componentInstance.initDestroy(true)
      }, duration)
    }
  })
}

export const destroySnackbar = () => {
  return new Promise(async resolve => {
    if (currentSnackbar) {
      window.clearTimeout(timeout)
      currentSnackbar.destroy()
      window.setTimeout(resolve, 400)
    } else {
      resolve()
    }
  })
}

export const createSnackbar = async (duration, context) => {
  if (currentSnackbar) {
    await destroySnackbar()

    return createPromise(duration, context)
  }

  return createPromise(duration, context)
}