From 4efe442a91758e30343b071d09a1d6487018c6c4 Mon Sep 17 00:00:00 2001
From: Ludovic DEHON <tchiot.ludo@gmail.com>
Date: Fri, 15 Sep 2023 18:33:29 +0200
Subject: [PATCH] fix(site): collapse failed on docs

---
 assets/app.js                           | 16 ----------------
 components/docs/RecursiveNavSidebar.vue | 10 +++++-----
 2 files changed, 5 insertions(+), 21 deletions(-)
 delete mode 100644 assets/app.js

diff --git a/assets/app.js b/assets/app.js
deleted file mode 100644
index 465e1d8d33..0000000000
--- a/assets/app.js
+++ /dev/null
@@ -1,16 +0,0 @@
-// import Swup from 'swup'
-// import SwupSlideTheme from '@swup/slide-theme'
-// import SwupHeadPlugin from '@swup/head-plugin'
-// import SwupScrollPlugin from '@swup/scroll-plugin';
-// import SwupProgressPlugin from '@swup/progress-plugin';
-//
-// const swup = new Swup({
-//     plugins: [
-//         new SwupHeadPlugin(),
-//         new SwupSlideTheme(),
-//         new SwupScrollPlugin(),
-//         new SwupProgressPlugin()
-//     ],
-// })
-
-// import {Collapse, Dropdown, Modal} from 'bootstrap';
\ No newline at end of file
diff --git a/components/docs/RecursiveNavSidebar.vue b/components/docs/RecursiveNavSidebar.vue
index febf0f4f93..989c5544c6 100644
--- a/components/docs/RecursiveNavSidebar.vue
+++ b/components/docs/RecursiveNavSidebar.vue
@@ -1,7 +1,7 @@
 <template>
     <div
-        :id="parentSlug"
-        :data-bs-parent="'#'+parentSlug"
+        :id="parentSlug.replaceAll('/', '_')"
+        :data-bs-parent="'#'+parentSlug.replaceAll('/', '_')"
         class="accordion-collapse"
         :class="activeSlug.includes(parentSlug) ? 'collapse show' : 'collapse'"
     >
@@ -31,7 +31,7 @@
                         :class="getClass(item, depthLevel, true)"
                         class="disabled"
                         @click="toggle(item._path, isPage(item))" data-bs-toggle="collapse"
-                        :data-bs-target="'#'+item._path"
+                        :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                     >
                             {{ item.emoji }}
                             {{ item.title }}
@@ -41,14 +41,14 @@
                             v-if="isShow(item._path)"
                             @click="toggle(item._path)"
                             class="accordion-button" data-bs-toggle="collapse"
-                            :data-bs-target="'#'+item._path"
+                            :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                             role="button"
                         />
                         <chevron-down
                             v-else
                             @click="toggle(item._path)"
                             class="accordion-button" data-bs-toggle="collapse"
-                            :data-bs-target="'#'+item._path"
+                            :data-bs-target="'#'+item._path.replaceAll('/', '_')"
                             role="button"
                         />
                     </template>