50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { withoutTrailingSlash } from 'ufo'
|
|
|
|
const route = useRoute()
|
|
|
|
const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
|
|
if (!page.value) {
|
|
throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
|
|
}
|
|
|
|
const { data: surround } = await useAsyncData(`${route.path}-surround`, () => queryContent('/docs')
|
|
.where({ _extension: 'md', navigation: { $ne: false } })
|
|
.only(['title', 'description', '_path'])
|
|
.findSurround(withoutTrailingSlash(route.path))
|
|
, { default: () => [] })
|
|
|
|
useSeoMeta({
|
|
title: page.value.title,
|
|
ogTitle: page.value.title,
|
|
description: page.value.description,
|
|
ogDescription: page.value.description
|
|
})
|
|
|
|
defineOgImage({
|
|
component: 'Saas',
|
|
title: page.value.title,
|
|
description: page.value.description
|
|
})
|
|
|
|
const headline = computed(() => findPageHeadline(page.value!))
|
|
</script>
|
|
|
|
<template>
|
|
<UPage v-if="page">
|
|
<UPageHeader :title="page.title" :description="page.description" :links="page.links" :headline="headline" />
|
|
|
|
<UPageBody prose>
|
|
<ContentRenderer v-if="page.body" :value="page" />
|
|
|
|
<hr v-if="surround?.length">
|
|
|
|
<UContentSurround :surround="surround" />
|
|
</UPageBody>
|
|
|
|
<template v-if="page.toc !== false" #right>
|
|
<UContentToc :links="page.body?.toc?.links" />
|
|
</template>
|
|
</UPage>
|
|
</template>
|