docs: fix ui component name usage (#3139)

nuxt-modules · Sep 26, 2024 · 837fa2f · 837fa2f
1 parent b9e5296
commit 837fa2f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 10 deletions.
diff --git a/docs/app.vue b/docs/app.vue
@@ -50,7 +50,7 @@ const links: PageLink[] = [
     <TheFooter />
 
     <ClientOnly>
-      <LazyUDocsSearch :files="files" :navigation="navigation" :links="links" />
+      <LazyUContentSearch :files="files" :navigation="navigation" :links="links" />
     </ClientOnly>
 
     <UNotifications />

diff --git a/docs/components/TheHeader.vue b/docs/components/TheHeader.vue
@@ -18,7 +18,7 @@ const navigation = inject<NavItem[]>('navigation', [])
 
     <template #right>
       <UTooltip text="Search" :shortcuts="[metaSymbol, 'K']">
-        <UDocsSearchButton :label="null" />
+        <UContentSearchButton :label="null" />
       </UTooltip>
 
       <UTooltip text="Toggle Theme">

diff --git a/docs/error.vue b/docs/error.vue
@@ -42,7 +42,7 @@ provide('navigation', navigation)
     <TheFooter />
 
     <ClientOnly>
-      <LazyUDocsSearch :files="files" :navigation="navigation" />
+      <LazyUContentSearch :files="files" :navigation="navigation" />
     </ClientOnly>
 
     <UNotifications />

diff --git a/docs/layouts/docs.vue b/docs/layouts/docs.vue
@@ -11,8 +11,8 @@ const allNavigationTree = computed(() =>
 
 // Detect if we're on the not v8 docs
 const route = useRoute()
-const isV7Docs = computed(() => route.path.includes('/v7'))
-const isV9Docs = computed(() => route.path.includes('/v9'))
+const isV7Docs = computed(() => route.path.includes('/docs/v7'))
+const isV9Docs = computed(() => route.path.includes('/docs/v9'))
 
 // Redirect to getting-started, if we're on the `/docs/v9`
 watch(
@@ -21,7 +21,8 @@ watch(
     if (newPath.endsWith('/v9')) {
       navigateTo('/docs/v9/getting-started')
     }
-  }
+  },
+  { immediate: true }
 )
 
 // Exclude the not v8 docs from the navigation tree if we're not on the not v8 docs, and vice versa
@@ -48,7 +49,7 @@ const activeNavigationTree = computed(() =>
         <UAside>
           <VersionSelect />
           <UDivider type="dashed" class="mb-6" />
-          <UNavigationTree :links="mapContentNavigation(activeNavigationTree)" default-open :multiple="false" />
+          <UNavigationTree :links="mapContentNavigation(activeNavigationTree) || []" default-open :multiple="false" />
         </UAside>
       </template>
 

diff --git a/docs/pages/docs/[...slug].vue b/docs/pages/docs/[...slug].vue
@@ -48,18 +48,18 @@ const links = computed(() =>
 
       <hr v-if="surround?.length" />
 
-      <UDocsSurround :surround="surround" />
+      <UContentSurround :surround="surround" />
     </UPageBody>
 
     <template v-if="page.toc !== false" #right>
-      <UDocsToc :title="toc?.title" :links="page.body?.toc?.links">
+      <UContentToc :title="toc?.title" :links="page.body?.toc?.links">
         <template v-if="toc?.bottom" #bottom>
           <div class="hidden lg:block space-y-6" :class="{ '!mt-6': page.body?.toc?.links?.length }">
             <UDivider v-if="page.body?.toc?.links?.length" type="dashed" />
             <UPageLinks :links="links" />
           </div>
         </template>
-      </UDocsToc>
+      </UContentToc>
     </template>
   </UPage>
 </template>