прослушивание события, испускаемого компонентом из программного маршрута в Vue.JS

У меня есть компонент, который выдает события, которые я могу успешно слушать:

<email-widget 
    v-bind:company-id="clicked_company_id" 
    v-bind:project-id="clicked_project_id"
    v-on:project-clicked="onClickProjectId"
>
</email-widget>

Теперь я обновляю свою систему для использования маршрутизаторов, и у меня есть программный маршрутизатор, который выглядит следующим образом:

let emailComponent= Vue.component('email-widget')

const routes = [
    { path: '/settings', component: Bar },
    { 
        path: '/emails', 
        name: 'emails',
        component: emailComponent 
    },

]

router.push({ name: 'emails', 
    params: {}
})

Это делает правильно.

Но как я могу добавить слушателя для события?

Новинки:

Это решение работает:

<router-view
  :company-id="clicked_company_id" 
  :project-id="clicked_project_id"
  @project-clicked="onClickProjectId">
</router-view>

Однако весь смысл представления маршрутизатора заключается в переключении того, какой компонент находится внутри него. Если второй компонент project-clicked, а не к представлению emailComponent.