Nuxt/docs/components/app/AppLayout.vue

40 lines
884 B
Vue
Raw Normal View History

<template>
<div class="relative w-full">
<AppHeader :links="headerLinks" />
<div class="lg:flex" :class="{ 'd-container': layout.aside }">
<slot v-if="['xs', 'sm', 'md'].includes($mq) || layout.aside" name="aside">
<AppAside :links="headerLinks" :class="layout.asideClass" />
</slot>
<div class="flex-auto w-full min-w-0 lg:static lg:max-h-full lg:overflow-visible">
<slot />
</div>
</div>
<AppFooter />
</div>
</template>
<script>
import { defineComponent } from '@nuxtjs/composition-api'
export default defineComponent({
data () {
return {
headerLinks: []
}
},
async fetch () {
const { $docus } = this
this.headerLinks = (await $docus
.search('/collections/header')
.fetch()).links
},
computed: {
layout () {
return this.$docus.layout.value
}
}
})
</script>