<template>
  <div>
    <portal to="top-header-right">
      <div class="page-header-buttons d-flex align-items-center">
        <router-link :to="{ name: 'page-create' }" class="btn btn-primary">Pagina aanmaken</router-link>
      </div>
    </portal>

    <page-overview class="flex-grow-1"></page-overview>
  </div>
</template>

<script lang="ts">
import { Vue, Component } from 'vue-property-decorator';
import { namespace } from 'vuex-class';

import PageOverview from './page-overview.vue';
import DocumentationEditor from '../shared/documentation-editor.vue';

import { Schema } from '../types/api';

const PageStore = namespace('pages')

@Component({
  components: {
    DocumentationEditor,
    PageOverview
  }
})
export default class PageOverviewPage extends Vue {
  @PageStore.State('schema') readonly schema!: Schema;


}
</script>

<style scoped>

</style>
