<template>
  <PageContainer :document="document">
    <template #sidebar>
      <AppReadingTime
        v-if="document.readingTime"
        :reading-time="document.readingTime"
      />

      <PageToc v-if="document.toc" :document="document" class="mb-8" />
    </template>
  </PageContainer>
</template>

<script>
import { headDocument as head } from '~/libs/helpers'

export default {
  name: 'PageSlug',
  async asyncData({ $content, params }) {
    const document = await $content('pages', params.slug).fetch()

    return { document }
  },
  head,
}
</script>