Почему vue-router с дочерним элементом отрабатывает один и тот же компонент?

Привет! Какая то странная фигня. vue-router с дочерним элементов отрабатывает родительский компонент.

import EventPage from '@/pages/event/index.vue'
import EventMapPage from '@/pages/event/map.vue'

const routes = {
	path: '/events',
	component: EventPage,
	children: [
		{
			path: 'map/:id',
			component: EventMapPage
		}
	]
}

export default {
	routes
}

что по /events - EventPage
что по /events/map/1 - EventPage