<template>
  <aside class="sub-navigation">
    <sub-navigation-item title="Themen">
      <book-topic-navigation></book-topic-navigation>
    </sub-navigation-item>
    <router-link :to="{name: 'instrument-overview'}" activeClass="sub-navigation-item--active" class="sub-navigation-item">
      <span  class="sub-navigation-item__title">Instrumente</span>
    </router-link>

    <!--<sub-navigation-item title="News">-->
    <!--<template slot="title">-->
    <!--<h2 class="sub-navigation__title" slot="title">ABU News</h2>-->
    <!--</template>-->
    <!--</sub-navigation-item>-->
  </aside>
</template>

<script>
  import SubNavigationItem from '@/components/book-navigation/SubNavigationItem';
  import BookTopicNavigation from '@/components/book-navigation/BookTopicNavigation';

  export default {
    components: {
      SubNavigationItem,
      BookTopicNavigation
    }
  }
</script>
