mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-18 05:58:07 +01:00
35 lines
1.1 KiB
Vue
35 lines
1.1 KiB
Vue
<template>
|
|
<div class="grid lg:grid-cols-10 lg:gap-8">
|
|
<div class="pt-8 pb-16" :class="page.body?.toc ? 'lg:col-span-8' : 'lg:col-span-10'">
|
|
<DocsPageHeader :page="page" />
|
|
|
|
<ContentRenderer v-if="page.body" :value="page" class="prose prose-primary dark:prose-invert max-w-none" />
|
|
|
|
<DocsPageFooter :page="page" class="mt-12" />
|
|
|
|
<hr class="border-gray-200 dark:border-gray-800 my-6">
|
|
|
|
<DocsPrevNext :prev="prev" :next="next" />
|
|
|
|
<DocsFooter class="mt-16" />
|
|
</div>
|
|
|
|
<DocsToc v-if="page.body?.toc" :toc="page.body.toc" class="lg:col-span-2" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute()
|
|
|
|
const { data: page } = await useAsyncData(`docs-${route.path}`, () => queryContent(route.path).findOne())
|
|
const { data: surround } = await useAsyncData(`docs-${route.path}-surround`, () => queryContent()
|
|
.only(['_path', 'title', 'navigation', 'description'])
|
|
.where({ _extension: 'md', navigation: { $ne: false } })
|
|
.findSurround(route.path.endsWith('/') ? route.path.slice(0, -1) : route.path)
|
|
)
|
|
|
|
const [prev, next] = surround.value
|
|
|
|
useContentHead(page)
|
|
</script>
|