From b7f9422091097eacae2891a30bcbadc951295de3 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 24 Sep 2024 17:53:21 +0200
Subject: [PATCH] docs: make generate work

---
 docs/app/app.vue                              | 17 ++++++++-----
 docs/app/components/content/ComponentCode.vue |  3 ++-
 .../app/components/content/ComponentEmits.vue |  2 +-
 .../app/components/content/ComponentSlots.vue |  2 +-
 .../app/components/content/ComponentTheme.vue |  4 +--
 .../content/HighlightInlineType.vue           |  4 ++-
 docs/app/pages/[...slug].vue                  |  4 +--
 docs/content/3.components/carousel.md         |  4 +--
 docs/content/3.components/table.md            |  4 +--
 docs/nuxt.config.ts                           | 25 +++++++++++--------
 10 files changed, 41 insertions(+), 28 deletions(-)

diff --git a/docs/app/app.vue b/docs/app/app.vue
index 26f15909..d7319c20 100644
--- a/docs/app/app.vue
+++ b/docs/app/app.vue
@@ -9,7 +9,7 @@ const runtimeConfig = useRuntimeConfig()
 const { integrity, api } = runtimeConfig.public.content
 
 const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
-const { data: files } = await useLazyFetch<any[]>(`${api.baseURL}/search${integrity ? '.' + integrity : ''}`, { default: () => [] })
+const { data: files } = await useLazyFetch<any[]>(`${api.baseURL}/search${integrity ? '-' + integrity : ''}`, { default: () => [] })
 
 const searchTerm = ref('')
 
@@ -71,24 +71,29 @@ useServerSeoMeta({
 })
 
 provide('navigation', navigation)
-provide('files', files)
 </script>
 
 <template>
   <UApp>
     <NuxtLoadingIndicator />
 
-    <Banner v-if="!route.path.startsWith('/examples')" />
+    <template v-if="!route.path.startsWith('/examples')">
+      <Banner />
 
-    <Header v-if="!route.path.startsWith('/examples')" :links="links" />
+      <Header :links="links" />
+    </template>
 
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
 
-    <Footer v-if="!route.path.startsWith('/examples')" />
+    <template v-if="!route.path.startsWith('/examples')">
+      <Footer />
 
-    <LazyUContentSearch v-model:search-term="searchTerm" :files="files" :navigation="navigation" :fuse="{ resultLimit: 42 }" />
+      <ClientOnly>
+        <LazyUContentSearch v-model:search-term="searchTerm" :files="files" :navigation="navigation" :fuse="{ resultLimit: 42 }" />
+      </ClientOnly>
+    </template>
   </UApp>
 </template>
 
diff --git a/docs/app/components/content/ComponentCode.vue b/docs/app/components/content/ComponentCode.vue
index 0144bfa4..1c971c27 100644
--- a/docs/app/components/content/ComponentCode.vue
+++ b/docs/app/components/content/ComponentCode.vue
@@ -2,6 +2,7 @@
 <script setup lang="ts">
 import json5 from 'json5'
 import { upperFirst, camelCase, kebabCase } from 'scule'
+import { hash } from 'ohash'
 import * as theme from '#build/ui'
 import { get, set } from '#ui/utils'
 
@@ -179,7 +180,7 @@ const code = computed(() => {
   return code
 })
 
-const { data: ast } = await useAsyncData(`component-code-${name}-${JSON.stringify({ props: componentProps, slots: props.slots })}`, async () => {
+const { data: ast } = await useAsyncData(`component-code-${name}-${hash({ props: componentProps, slots: props.slots })}`, async () => {
   if (!props.prettier) {
     return parseMarkdown(code.value)
   }
diff --git a/docs/app/components/content/ComponentEmits.vue b/docs/app/components/content/ComponentEmits.vue
index 0bac4388..65fbe2b2 100644
--- a/docs/app/components/content/ComponentEmits.vue
+++ b/docs/app/components/content/ComponentEmits.vue
@@ -22,7 +22,7 @@ const meta = await fetchComponentMeta(name as any)
       </ProseTr>
     </ProseThead>
     <ProseTbody>
-      <ProseTr v-for="event in meta.meta.events" :key="event.name">
+      <ProseTr v-for="event in (meta?.meta?.events || [])" :key="event.name">
         <ProseTd>
           <ProseCodeInline>
             {{ event.name }}
diff --git a/docs/app/components/content/ComponentSlots.vue b/docs/app/components/content/ComponentSlots.vue
index 39175de2..50ac9010 100644
--- a/docs/app/components/content/ComponentSlots.vue
+++ b/docs/app/components/content/ComponentSlots.vue
@@ -22,7 +22,7 @@ const meta = await fetchComponentMeta(name as any)
       </ProseTr>
     </ProseThead>
     <ProseTbody>
-      <ProseTr v-for="slot in meta.meta.slots" :key="slot.name">
+      <ProseTr v-for="slot in (meta?.meta?.slots || [])" :key="slot.name">
         <ProseTd>
           <ProseCodeInline>
             {{ slot.name }}
diff --git a/docs/app/components/content/ComponentTheme.vue b/docs/app/components/content/ComponentTheme.vue
index 264cab8b..1551e441 100644
--- a/docs/app/components/content/ComponentTheme.vue
+++ b/docs/app/components/content/ComponentTheme.vue
@@ -9,8 +9,8 @@ const name = camelCase(route.params.slug?.[route.params.slug.length - 1] ?? '')
 
 const strippedCompoundVariants = ref(false)
 
-function stripCompoundVariants(component: any) {
-  if (component.compoundVariants) {
+function stripCompoundVariants(component?: any) {
+  if (component?.compoundVariants) {
     component.compoundVariants = component.compoundVariants.filter((compoundVariant: any) => {
       if (compoundVariant.color) {
         if (!['primary', 'gray'].includes(compoundVariant.color)) {
diff --git a/docs/app/components/content/HighlightInlineType.vue b/docs/app/components/content/HighlightInlineType.vue
index 1d833cb5..9aab4d8d 100644
--- a/docs/app/components/content/HighlightInlineType.vue
+++ b/docs/app/components/content/HighlightInlineType.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { murmurHash } from 'ohash'
+
 const props = defineProps<{
   type: string
 }>()
@@ -21,7 +23,7 @@ const type = computed(() => {
   return type
 })
 
-const { data: ast } = await useAsyncData(`hightlight-inline-code-${type.value}`, () => parseMarkdown(`\`${type.value}\`{lang="ts-type"}`))
+const { data: ast } = await useAsyncData(`hightlight-inline-code-${murmurHash(type.value)}`, () => parseMarkdown(`\`${type.value}\`{lang="ts-type"}`))
 </script>
 
 <template>
diff --git a/docs/app/pages/[...slug].vue b/docs/app/pages/[...slug].vue
index 9e1c554b..eee98411 100644
--- a/docs/app/pages/[...slug].vue
+++ b/docs/app/pages/[...slug].vue
@@ -79,7 +79,7 @@ defineOgImageComponent('Docs', {
 
 <template>
   <UPage v-if="page">
-    <UPageHeader :title="page.title" :links="page.links" :headline="headline" :ui="{}">
+    <UPageHeader :title="page.title" :links="page.links" :headline="headline">
       <template #description>
         <MDC v-if="page.description" :value="page.description" unwrap="p" />
       </template>
@@ -90,7 +90,7 @@ defineOgImageComponent('Docs', {
 
       <USeparator />
 
-      <UContentSurround :surround="surround as any" />
+      <UContentSurround :surround="(surround as any)" />
     </UPageBody>
 
     <template v-if="page?.body?.toc?.links?.length" #right>
diff --git a/docs/content/3.components/carousel.md b/docs/content/3.components/carousel.md
index f46ca794..171ce0bb 100644
--- a/docs/content/3.components/carousel.md
+++ b/docs/content/3.components/carousel.md
@@ -15,7 +15,7 @@ navigation:
 
 ## Examples
 
-## API
+<!-- ## API
 
 ### Props
 
@@ -31,4 +31,4 @@ navigation:
 
 ## Theme
 
-:component-theme
+:component-theme -->
diff --git a/docs/content/3.components/table.md b/docs/content/3.components/table.md
index 0982b7b2..def2ba08 100644
--- a/docs/content/3.components/table.md
+++ b/docs/content/3.components/table.md
@@ -15,7 +15,7 @@ navigation:
 
 ## Examples
 
-## API
+<!-- ## API
 
 ### Props
 
@@ -31,4 +31,4 @@ navigation:
 
 ## Theme
 
-:component-theme
+:component-theme -->
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
index 1d9ee068..51e751d4 100644
--- a/docs/nuxt.config.ts
+++ b/docs/nuxt.config.ts
@@ -31,6 +31,10 @@ export default defineNuxtConfig({
     compatibilityVersion: 4
   },
 
+  experimental: {
+    buildCache: true
+  },
+
   runtimeConfig: {
     public: {
       version: pkg.version
@@ -72,16 +76,17 @@ export default defineNuxtConfig({
     provider: 'ipx'
   },
 
-  // nitro: {
-  //   prerender: {
-  //     routes: [
-  //       '/getting-started'
-  //       // '/api/releases.json',
-  //       // '/api/pulls.json'
-  //     ],
-  //     ignore: !process.env.NUXT_GITHUB_TOKEN ? ['/pro'] : []
-  //   }
-  // },
+  nitro: {
+    prerender: {
+      routes: [
+        '/getting-started'
+        // '/api/releases.json',
+        // '/api/pulls.json'
+      ],
+      crawlLinks: true
+      // ignore: !process.env.NUXT_GITHUB_TOKEN ? ['/pro'] : []
+    }
+  },
 
   routeRules: {
     '/': { redirect: '/getting-started', prerender: false },