1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28<script setup lang="ts">
import type { ContentNavigationItem } from '@nuxt/content';
import { spec } from '@directus/openapi';
const { data: navigation } = useAsyncData('content-navigation', () => queryCollectionNavigation('content', ['title', 'description', 'icon', 'links']));
provide('openapi', spec);
provide('navigation', navigation as Ref<ContentNavigationItem[]>);
defineOgImage({
url: '/og-image.png',
});
</script>
<template>
<UApp>
<NuxtLoadingIndicator color="var(--color-primary)" />
<DocsBanner />
<DocsHeader />
<UMain>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</UMain>
<DocsFooter />
</UApp>
</template>