Minimal javascript event bus

bus.ts

export class Events {
    bus: HTMLElement

    constructor() {
        this.bus =  document.createElement('div')
    }

    on(event: string, callback: Function) {
        this.bus.addEventListener(event, callback as EventListenerOrEventListenerObject)
    }

    off(event: string, callback: Function) {
        this.bus.removeEventListener(event, callback as EventListenerOrEventListenerObject)
    }

    emit(event: string, payload = {}) {
        this.bus.dispatchEvent(new CustomEvent(event, {
            detail: payload
        }))
    }
}

export const Bus = new Events()

export default Bus