chore: format

Projects/kompose/docs/app/pages/[...slug].vue

@@ -1,55 +1,63 @@
 <script setup lang="ts">
-import type { ContentNavigationItem } from '@nuxt/content'
-import { findPageHeadline } from '@nuxt/content/utils'
+import type { ContentNavigationItem } from "@nuxt/content";
+import { findPageHeadline } from "@nuxt/content/utils";
 
 definePageMeta({
-  layout: 'docs'
-})
+	layout: "docs",
+});
 
-const route = useRoute()
-const { toc } = useAppConfig()
-const navigation = inject<Ref<ContentNavigationItem[]>>('navigation')
+const route = useRoute();
+const { toc } = useAppConfig();
+const navigation = inject<Ref<ContentNavigationItem[]>>("navigation");
 
-const { data: page } = await useAsyncData(route.path, () => queryCollection('docs').path(route.path).first())
+const { data: page } = await useAsyncData(route.path, () =>
+	queryCollection("docs").path(route.path).first(),
+);
 if (!page.value) {
-  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
+	throw createError({
+		statusCode: 404,
+		statusMessage: "Page not found",
+		fatal: true,
+	});
 }
 
 const { data: surround } = await useAsyncData(`${route.path}-surround`, () => {
-  return queryCollectionItemSurroundings('docs', route.path, {
-    fields: ['description']
-  })
-})
+	return queryCollectionItemSurroundings("docs", route.path, {
+		fields: ["description"],
+	});
+});
 
-const title = page.value.seo?.title || page.value.title
-const description = page.value.seo?.description || page.value.description
+const title = page.value.seo?.title || page.value.title;
+const description = page.value.seo?.description || page.value.description;
 
 useSeoMeta({
-  title,
-  ogTitle: title,
-  description,
-  ogDescription: description
-})
+	title,
+	ogTitle: title,
+	description,
+	ogDescription: description,
+});
 
-const headline = computed(() => findPageHeadline(navigation?.value, page.value?.path))
+const headline = computed(() =>
+	findPageHeadline(navigation?.value, page.value?.path),
+);
 
-defineOgImageComponent('Docs', {
-  headline: headline.value
-})
+defineOgImageComponent("Docs", {
+	headline: headline.value,
+});
 
 const links = computed(() => {
-  const links = []
-  if (toc?.bottom?.edit) {
-    links.push({
-      icon: 'i-lucide-external-link',
-      label: 'Edit this page',
-      to: `${toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`,
-      target: '_blank'
-    })
-  }
+	const links = [];
+	if (toc?.bottom?.edit) {
+		links.push({
+			icon: "i-lucide-external-link",
+			label: "Edit this page",
+			to: `${toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`,
+			target: "_blank",
+		});
+	}
 
-  return [...links, ...(toc?.bottom?.links || [])].filter(Boolean)
-})
+	return [...links, ...(toc?.bottom?.links || [])].filter(Boolean);
+});
 </script>
 
 <template>