From 5e2fd6f682f8a657588c7da454061b3215a9af27 Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Sun, 6 Apr 2025 14:16:04 +0200
Subject: [PATCH] change: full path urls

---
 components/Header.vue |  2 +-
 pages/[...slug].vue   | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/Header.vue b/components/Header.vue
index 9deea5d..5973b3e 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -54,7 +54,7 @@
         v-for="sublink in navbar_sub_items"
         :key="sublink.id"
         :to="`/${params?.[0]}/${sublink.URL}`"
-        :class="sublink.URL == params?.[1] && !params[2] ? 'active' : ''"
+        :class="sublink.URL == params?.[1] ? 'active' : ''"
         class="w-fit"
       >
         {{ sublink.name }}
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index 0e81540..ea7b66c 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -1,4 +1,5 @@
 <template>
+  {{ collectionDetail }}
   <NuxtLayout name="default">
     <NotFound v-if="notFound" />
     <ContentBuilder v-else-if="showContentBuilder" :hero="page?.hero" :content="page?.content" />
@@ -48,7 +49,7 @@ const { data: pages } = await useAsyncData("pages", () =>
       },
     },
     filters: {
-      ...(active_page_id.value == "" ? { slug: params[0], ref_only_access: false } : {}),
+      ...(active_page_id.value == "" ? { slug: params.join("_"), ref_only_access: false } : {}),
     },
   })
 );
@@ -57,11 +58,11 @@ const page = computed(() => {
 });
 
 let detail = ref<Article | Operation | Event | Vehicle | undefined>(undefined);
-const searchDetail = computed(() => {
+const collectionDetail = computed(() => {
   if (!active_sub_item.value) return params[1];
   return params[2];
 });
-if (searchDetail.value) {
+if (collectionDetail.value) {
   let collectionOfDetail = [
     ...new Set(
       page.value?.content
@@ -88,12 +89,12 @@ if (searchDetail.value) {
 }
 
 const notFound = computed(() => {
-  if (searchDetail.value) return !detail.value;
+  if (collectionDetail.value && detail.value) return !detail.value;
   else return active_page_id.value == "" && !page.value?.content && !page.value?.hero;
 });
 
 const showContentBuilder = computed(() => {
-  if (searchDetail.value) return !detail.value;
+  if (collectionDetail.value && detail.value) return !detail.value;
   else return !!page.value?.content || !!page.value?.hero;
 });
 </script>