Debug route

Astro-Otter-Space · Mar 21, 2024 · 18fba0b · 18fba0b
1 parent 749d4eb
commit 18fba0b
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/front/components/Items/ConstellationCard.vue b/front/components/Items/ConstellationCard.vue
@@ -8,7 +8,7 @@
       v-bind="props"
     >
       <NuxtLink
-        :to="{name: 'constellation-constellationId', params: { constellationId: constellation.id.toLowerCase(), urlName: constellation.urlName } }"
+        :to="{name: 'constellation-id-urlName', params: { id: constellation.id.toLowerCase(), urlName: constellation.urlName } }"
       >
         <v-img
           :src="`../assets/images/constellations/cover/${constellation.cover}`"

diff --git a/front/components/Items/DsoCard.vue b/front/components/Items/DsoCard.vue
@@ -8,7 +8,7 @@
       v-bind="props"
     >
       <NuxtLink
-        :to="{ name: 'dso-id', params: { id: dso.id, urlName: dso.urlName } }"
+        :to="{ name: 'dso-id-urlName', params: { id: dso.id, urlName: dso.urlName } }"
         :title="t('dso.link', {'dso': title})"
       >
         <v-img
@@ -81,9 +81,9 @@
                 <span class="subheading me-2">
                   <NuxtLink
                     :to="{
-                      name: 'constellation-constellationId',
+                      name: 'constellation-id-urlName',
                       params: {
-                        constellationId: dso.constellation.id.toLowerCase(),
+                        id: dso.constellation.id.toLowerCase(),
                         urlName: dso.constellation.alt.toLowerCase()
                       }
                     }"

diff --git a/front/components/Items/SearchListCard.vue b/front/components/Items/SearchListCard.vue
@@ -43,7 +43,7 @@ const getParams = (item: SearchDsoItem | SearchConstellationItem) => {
       color="transparent"
       @click="clickClear"
     >
-      <NuxtLink :to="{ name: 'dso', params: getParams(item) }">
+      <NuxtLink :to="{ name: 'dso-id-urlName', params: getParams(item) }">
         <v-list-item-title>{{ item.fullNameAlt }}</v-list-item-title>
         <v-list-item-subtitle>{{ item.typeLabel }}</v-list-item-subtitle>
       </NuxtLink>
@@ -63,7 +63,7 @@ const getParams = (item: SearchDsoItem | SearchConstellationItem) => {
       color="transparent"
       @click="clickClear"
     >
-      <NuxtLink :to="{ name: 'constellation', params: { constellationId: item.id, urlName: item.urlName } }">
+      <NuxtLink :to="{ name: 'constellation-id-urlName', params: { id: item.id, urlName: item.urlName } }">
         <v-list-item-title /> {{ item.alt }}
       </NuxtLink>
     </v-list-item>

diff --git a/...pages/constellation/[constellationId].vue → ...ages/constellation/[[id]]/[[urlName]].vue b/...pages/constellation/[constellationId].vue → ...ages/constellation/[[id]]/[[urlName]].vue
diff --git a/front/pages/dso/[id].vue → front/pages/dso/[[id]]/[[urlName]].vue b/front/pages/dso/[id].vue → front/pages/dso/[[id]]/[[urlName]].vue
@@ -1,13 +1,12 @@
 <script setup lang="ts">
 import {definePageMeta} from "#imports";
 
-const route = useRoute()
-const { id, urlName } = route.params;
-
 definePageMeta({
   layout: 'page'
 })
 
+const route = useRoute()
+const { id, urlName } = route.params;
 </script>
 
 <template>