Handle cases where route slug is not present

littlefoxcompany · Feb 29, 2024 · df8454d · df8454d
1 parent 6d24b2a
commit df8454d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/nuxt-module/docs/components/content/PageTitle.vue b/nuxt-module/docs/components/content/PageTitle.vue
@@ -4,7 +4,7 @@
     <div class="flex items-center gap-2 mb-4 text-sm font-medium text-gray-400 dark:text-white/50">
       <div>Docs</div>
       <div>/</div>
-      <div class="capitalize">{{ route.params.slug.at(-1) }}</div>
+      <div class="capitalize" v-if="route.params.slug?.at(-1)">{{ route.params.slug?.at(-1) }}</div>
     </div>
     <div class="dark:text-white text-gray-950">
       <slot />

diff --git a/nuxt-module/docs/layouts/default.vue b/nuxt-module/docs/layouts/default.vue
@@ -20,8 +20,8 @@
       </nav>
 
       <!-- Content -->
-      <div class="min-h-screen w-full md:w-7/12 text-gray-950 dark:text-white" :class="route.params.slug">
-        <NuxtPage class="w-full" :class="route.params.slug.at(0) === 'docs' ? 'divide-y divide-dashed dark:divide-white/10' : ''" />
+      <div class="min-h-screen w-full md:w-7/12 text-gray-950 dark:text-white" :class="route.params.slug ?? null">
+        <NuxtPage class="w-full" :class="route.params.slug?.at(0) === 'docs' ? 'divide-y divide-dashed dark:divide-white/10' : ''" />
 
         <!-- Jagger Swagger -->
         <section v-if="route.fullPath === '/docs/actions'" id="jagger" class="flex bg-indigo-900 h-96 overflow-clip rounded-2xl mt-24 items-center justify-center relative">