Event is triggered twice

import emitter from 'tiny-emitter/instance'

export default {
  $on: (...args) => emitter.on(...args),
  $once: (...args) => emitter.once(...args),
  $off: (...args) => emitter.off(...args),
  $emit: (...args) => emitter.emit(...args)
}

<template>
  <button id="username-button" @click="insertText('{username}')">Username</button>
</template>

<script>
import eventBus from '/eventBus';

export default {
    methods: {
        insertText(keyword) {
            eventBus.$emit('insertKeywords', keyword);
        }
  }
}
</script>

<script>
import eventBus from '/eventBus'
export default {
    created() {
        eventBus.$on('insertKeywords', (keyword) => {
            console.log('why is this called twice???')
        })
    },
    destroyed() {
        eventBus.$off('insertKeywords')
  }
};
</script>