mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-17 05:28:09 +01:00
44 lines
1.3 KiB
Vue
44 lines
1.3 KiB
Vue
<template>
|
|
<UDocsPage v-if="page" :page="page" :surround="(surround as ParsedContent[])">
|
|
<ContentRenderer v-if="page && page.body" :value="page" class="prose prose-primary dark:prose-invert max-w-none" />
|
|
|
|
<UButton
|
|
:to="githubLink"
|
|
variant="link"
|
|
icon="i-heroicons-pencil-square"
|
|
label="Edit this page on GitHub"
|
|
:padded="false"
|
|
class="mt-12"
|
|
/>
|
|
|
|
<template #footer>
|
|
<Footer />
|
|
</template>
|
|
</UDocsPage>
|
|
<div v-else class="pt-8">
|
|
Page not found
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { ParsedContent } from '@nuxt/content/dist/runtime/types'
|
|
|
|
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)
|
|
)
|
|
|
|
if (process.server && !page.value) {
|
|
const event = useRequestEvent()
|
|
setResponseStatus(event, 404)
|
|
}
|
|
|
|
useContentHead(page)
|
|
|
|
const githubLink = computed(() => `https://github.com/nuxtlabs/ui/edit/dev/docs/content/${page?.value?._file}`)
|
|
</script>
|