<template>
  <div :class="$route.name">
    <bulma-components v-if="realPageData && realPageData.componentLocations.length"
                      :pageData="realPageData"
                      :depth="depth"
                      :nested="nested"
    />
    <nuxt-child v-else-if="childKey" :key="childKey" />
    <h1 v-else>No components or children configured for this page</h1>
  </div>
</template>

<script>
  import BulmaComponents from '../components/Components'
  import pageMixin from '../../components/pageMixin'

  export default {
    mixins: [pageMixin],
    components: {
      BulmaComponents
    }
  }
</script>
