WIP

app/components/DetailHeader.vue

@@ -15,9 +15,9 @@
         <IconLucideEye v-else class="w-5 h-5 mr-2" aria-hidden="true" />
         {{ isEditMode ? 'Voir détails' : 'Modifier' }}
       </button>
-      <NuxtLink :to="backLink" class="btn btn-ghost btn-sm md:btn-md">
+      <button type="button" class="btn btn-ghost btn-sm md:btn-md" @click="goBack">
         Retour au catalogue
-      </NuxtLink>
+      </button>
     </div>
   </div>
 </template>
@@ -26,7 +26,9 @@
 import IconLucideSquarePen from '~icons/lucide/square-pen'
 import IconLucideEye from '~icons/lucide/eye'
 
-defineProps<{
+const router = useRouter()
+
+const props = defineProps<{
   title: string
   subtitle?: string
   isEditMode: boolean
@@ -37,4 +39,13 @@ defineProps<{
 defineEmits<{
   'toggle-edit': []
 }>()
+
+function goBack() {
+  if (window.history.length > 1) {
+    router.back()
+  }
+  else {
+    navigateTo(props.backLink)
+  }
+}
 </script>