frontend/layouts/admin.vue

@@ -23,7 +23,9 @@
         <div class="grid grid-cols-[16rem,1fr] h-[calc(100vh-85px)] min-h-0">
             <aside class="bg-primary-500 text-white min-h-0 grid grid-rows-[auto,1fr,auto]">
                 <div class="text-xl p-4 font-semibold">Tableau de bord</div>
-                <div class="p-4 font-semibold">transporteur</div>
+                <NuxtLink to="/admin/carrier/carrier-list">
+                    <div class="p-4 font-semibold">Transporteur</div>
+                </NuxtLink>
 
                 <div class="overflow-y-auto min-h-0 p-4 space-y-3">
                     <!-- Liste des liens à ajouter ci-dessous -->

frontend/pages/admin/carrier/carrier-list.vue

@@ -3,7 +3,7 @@
     <div class="flex items-center justify-between ">
             <h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
             <button
-                @Click="router.push(`/admin/carrier/add-carrier`)"
+                @Click="goToCarrier()"
                 class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
             >Ajouter
             </button>
@@ -37,8 +37,8 @@ import {getCarrierList} from "~/services/carrier";
 const carrierList = ref<CarrierData[]>()
 const router = useRouter()
 
-const goToCarrier = (id: number) => {
-    router.push(`/admin/carrier/${id}`)
+const goToCarrier = (id: number|null = null) => {
+    id !== null ? router.push(`/admin/carrier/${id}`) : router.push(`/admin/carrier`)
 }
 
 definePageMeta({