CanBeCanceledByEscKey Vue Mixin

CanBeCanceledByEscKey.js

export default {
  // SSR mount and Before mount are not executed in SSR
  beforeMount() {
    const escapeHandler = (e) => {
      if (e.key === 'Escape') {
        this.$emit('cancel')
      }
    }
    document.addEventListener('keydown', escapeHandler)
    this.$once('hook:destroyed', () => {
      document.removeEventListener('keydown', escapeHandler)
    })
  }
}