export default {
  mounted(el) {
    const audio = document.querySelectorAll('audio')[0]

    if (audio && el) {
      const audioHandler = () => {
        audio.play()
      }
      if (el.unbindEvent) {
        el.unbindEvent()
        el.unbindEvent = null
      }
      el.addEventListener('click', audioHandler)
      el.unbindEvent = () => {
        el.removeEventListener('click', audioHandler)
      }
    }
  },
  beforeUnmount(el) {
    if (el.unbindEvent) {
      setTimeout(() => {
        el.unbindEvent()
      }, 20)
    }
  }
}