<template>
  <div>
    <main class="d-block flex-grow-1" :class="['main', ($route && $route.name)]">
      <router-view></router-view>
    </main>
  </div>
</template>

<script>
import docs from './docs.vue';
import { ROUTES } from '../tools/route-utils';

export default {
  name: 'docs-page',
  children: [
    {
      path: '',
      name: ROUTES.DOCS_OVERVIEW,
      component: docs,
    }
  ]
};
</script>
