From 00bc73113fc7aa52e2a1733be2d1c23782fd9201 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 2 Mar 2023 17:47:18 +0300
Subject: [PATCH] Updates for Steps and TabMenu demos

---
 layouts/doc/DocSectionNav.vue  | 15 +++++++++++++--
 layouts/doc/DocSectionText.vue | 13 ++++++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/layouts/doc/DocSectionNav.vue b/layouts/doc/DocSectionNav.vue
index e06118249..25501f723 100644
--- a/layouts/doc/DocSectionNav.vue
+++ b/layouts/doc/DocSectionNav.vue
@@ -2,7 +2,7 @@
     <ul ref="nav" class="doc-section-nav">
         <li v-for="doc of docs" :key="doc.label" :class="['navbar-item', { 'active-navbar-item': activeId === doc.id }]">
             <div class="navbar-item-content">
-                <NuxtLink :to="`/${$router.currentRoute.value.name}/#${doc.id}`">
+                <NuxtLink :to="`${checkRouteName}/#${doc.id}`">
                     <button class="p-link" @click="onButtonClick(doc)">{{ doc.label }}</button>
                 </NuxtLink>
             </div>
@@ -11,7 +11,7 @@
                 <ul>
                     <li v-for="child of doc.children" :key="child.label" :class="['navbar-item', { 'active-navbar-item': activeId === child.id }]">
                         <div class="navbar-item-content">
-                            <NuxtLink :to="`/${$router.currentRoute.value.name}/#${child.id}`">
+                            <NuxtLink :to="`${checkRouteName}/#${child.id}`">
                                 <button class="p-link" @click="onButtonClick(child)">
                                     {{ child.label }}
                                 </button>
@@ -104,6 +104,17 @@ export default {
         getIdOfTheSection(section) {
             return section.querySelector('a').getAttribute('id');
         }
+    },
+    computed: {
+        checkRouteName() {
+            const path = this.$router.currentRoute.value.path;
+
+            if (path.lastIndexOf('/') === path.length - 1) {
+                return path.slice(0, -1);
+            }
+
+            return path;
+        }
     }
 };
 </script>
diff --git a/layouts/doc/DocSectionText.vue b/layouts/doc/DocSectionText.vue
index e0dfa97fb..1dbd16e30 100644
--- a/layouts/doc/DocSectionText.vue
+++ b/layouts/doc/DocSectionText.vue
@@ -1,7 +1,7 @@
 <template>
     <component :is="$attrs.level === 2 ? 'h3' : 'h2'" class="doc-section-label">
         {{ $attrs.label }}
-        <NuxtLink :id="$attrs.id" :to="`/${$router.currentRoute.value.name}/#${$attrs.id}`" target="_self" @click="onClick"> # </NuxtLink>
+        <NuxtLink :id="$attrs.id" :to="`${checkRouteName}/#${$attrs.id}`" target="_self" @click="onClick"> # </NuxtLink>
     </component>
     <div v-if="$attrs" class="doc-section-description">
         <slot></slot>
@@ -22,6 +22,17 @@ export default {
                 parentElement.scrollIntoView({ block: 'start' });
             }, 0);
         }
+    },
+    computed: {
+        checkRouteName() {
+            const path = this.$router.currentRoute.value.path;
+
+            if (path.lastIndexOf('/') === path.length - 1) {
+                return path.slice(0, -1);
+            }
+
+            return path;
+        }
     }
 };
 </script>