From df8454dea14f508e8d70107ad8f4759825494252 Mon Sep 17 00:00:00 2001
From: Phillip Hartin <phillip@littlefox.studio>
Date: Thu, 29 Feb 2024 12:53:24 +1100
Subject: [PATCH] Handle cases where route slug is not present

---
 nuxt-module/docs/components/content/PageTitle.vue | 2 +-
 nuxt-module/docs/layouts/default.vue              | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/nuxt-module/docs/components/content/PageTitle.vue b/nuxt-module/docs/components/content/PageTitle.vue
index 1e61f609..df93eafe 100644
--- 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
index b368ab4c..a9fe3775 100644
--- 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">