Tag path fix

This commit is contained in:
Peaceultime 2024-07-25 17:11:38 +02:00
parent 1c9812c3a8
commit 09eb05cf8d
4 changed files with 6 additions and 11 deletions

View File

@ -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>

View File

@ -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)">

View File

@ -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>

View File

@ -58,6 +58,7 @@ onMounted(() => {
</style>
<template>
<LeftComponent />
<ContentList :query="{ where: { frontmatter: { tags: { $contains: tag }}}}">
<template #default="{ list }">
<div class="render-container-inner">