From 09eb05cf8db8768307eb3f6508571dee826d20d3 Mon Sep 17 00:00:00 2001
From: Peaceultime <clem31470@gmail.com>
Date: Thu, 25 Jul 2024 17:11:38 +0200
Subject: [PATCH] Tag path fix

---
 app.vue                                | 6 ++----
 components/content/prose/ProseA.vue    | 6 +-----
 components/explorer/NavigationLink.vue | 4 ++--
 pages/explorer/tags/[...slug].vue      | 1 +
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/app.vue b/app.vue
index 787d628..e7635d6 100644
--- a/app.vue
+++ b/app.vue
@@ -6,8 +6,6 @@ function toggleLeftPanel(_: Event): void {
 </script>
 
 <script setup lang="ts">
-const { path } = useRoute();
-
 const { data: tags } = await useAsyncData('descriptions', queryContent('/tags').findOne);
 
 provide('tags/descriptions', tags);
@@ -32,8 +30,8 @@ onMounted(() => {
         </div>
         <div class="gap-3">
           <NuxtLink class="site-nav-bar-text" aria-label="Accueil" :href="'/'" ><img src="" /></NuxtLink>
-          <NuxtLink class="site-nav-bar-text" aria-label="Systeme" :href="'/explorer'" :class="{'mod-active': path.startsWith('/explorer')}">Systeme</NuxtLink>
-          <NuxtLink class="site-nav-bar-text" aria-label="Outils" :href="'/tools'"  :class="{'mod-active': path.startsWith('/tools')}">Outils</NuxtLink>
+          <NuxtLink class="site-nav-bar-text" aria-label="Systeme" :href="'/explorer'" :class="{'mod-active': $route.path.startsWith('/explorer')}">Systeme</NuxtLink>
+          <NuxtLink class="site-nav-bar-text" aria-label="Outils" :href="'/tools'"  :class="{'mod-active': $route.path.startsWith('/tools')}">Outils</NuxtLink>
         </div>
       </div>
       <div>
diff --git a/components/content/prose/ProseA.vue b/components/content/prose/ProseA.vue
index d1a1c89..560f815 100644
--- a/components/content/prose/ProseA.vue
+++ b/components/content/prose/ProseA.vue
@@ -112,10 +112,6 @@ function showPreview(e: Event, bbox: boolean) {
     if(content.value === null)
         loadContent();
 }
-function showTag(e: Event)
-{
-    //e.preventDefault();
-}
 function hidePreview(e: Event) {
     timeout = setTimeout(() => hovered.value = false, 300);
 }
@@ -123,7 +119,7 @@ function hidePreview(e: Event) {
 
 <template >
     <template v-if="href !== ''">
-        <a @mouseenter="(e) => showPreview(e, true)" @mouseleave="hidePreview" v-bind="$attrs" :href="stringifyParsedURL({ host: '/explorer', pathname: content?._path ?? href, hash: anchor, search: '' })" :target="target">
+        <a @mouseenter="(e) => showPreview(e, true)" @mouseleave="hidePreview" v-bind="$attrs" :href="stringifyParsedURL({ host: '/explorer', pathname: (content?._path ?? href) + (anchor ? '/' + anchor.substring(1) : ''), hash: '', search: '' })" :target="target">
             <slot></slot>
         </a>
         <Teleport to="body" v-if="hovered && (loading || !!content)">
diff --git a/components/explorer/NavigationLink.vue b/components/explorer/NavigationLink.vue
index d9d420f..fb4e14f 100644
--- a/components/explorer/NavigationLink.vue
+++ b/components/explorer/NavigationLink.vue
@@ -26,7 +26,7 @@ if(hasChildren.value)
     });
 }
 
-const collapsed = ref(!useRoute().path.startsWith(props.link._path));
+const collapsed = ref(!useRoute().path.startsWith('/explorer' + props.link._path));
 
 function hideLeftPanel(_: Event)
 {
@@ -51,7 +51,7 @@ function hideLeftPanel(_: Event)
                 <NavigationLink v-if="hasChildren" v-for="l of link.children" :link="l"/>
             </div>
         </template>
-        <NuxtLink @click="hideLeftPanel" v-else class="tree-item-self" :to="'/explorer' + link._path" :active-class="'mod-active'">
+        <NuxtLink @click="hideLeftPanel" v-else class="tree-item-self" :to="'/explorer' + link._path" :active-class="'mod-active'" >
             <div class="tree-item-inner">{{ link.title }}</div>
         </NuxtLink>
     </div>
diff --git a/pages/explorer/tags/[...slug].vue b/pages/explorer/tags/[...slug].vue
index cff45cf..5f3c0bf 100644
--- a/pages/explorer/tags/[...slug].vue
+++ b/pages/explorer/tags/[...slug].vue
@@ -58,6 +58,7 @@ onMounted(() => {
 </style>
 
 <template>
+    <LeftComponent />
     <ContentList :query="{ where: { frontmatter: { tags: { $contains: tag }}}}">
         <template #default="{ list }">
             <div class="render-container-inner">