Компонент внутри компонента vue?

У меня есть главный компонент Main. В нем есть компонент Sidebar. Для каждой страницы содержимое Sidebar должно быть разным, поэтому я создал отдельные компоненты для каждого, чтобы размещать их на нужных страницах.
В компоненте main я регистрирую их:

import MiddleBar from '@/components/Main/MiddleBar/MiddleBar'
import Streams from '@/components/Main/MiddleBar/Elements/Streams'

export default {
  components: {
    MiddleBar,
    Streams
  }
}

И пытаюсь их вставить (синтаксис Pug):
| <MiddleBar> <Streams></Streams> </MiddleBar>
Ничего не работает.

Не могу понять, в чем ошибка. В документации о вложенности компонентов ничего не нашел. :(
Тем более на pug.