From 3e37376f29559821213a9ddad16a4766088449e6 Mon Sep 17 00:00:00 2001
From: lmottasin <lmottasin@gmail.com>
Date: Tue, 25 Feb 2025 22:46:00 +0600
Subject: [PATCH] refactor: use Inertia Link in Breadcrumbs component

---
 resources/js/components/Breadcrumbs.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/Breadcrumbs.vue b/resources/js/components/Breadcrumbs.vue
index f12418c6..3baf1b0e 100644
--- a/resources/js/components/Breadcrumbs.vue
+++ b/resources/js/components/Breadcrumbs.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '@/components/ui/breadcrumb';
+import { Link } from '@inertiajs/vue3';
 
 interface BreadcrumbItem {
     title: string;
@@ -20,8 +21,8 @@ defineProps<{
                         <BreadcrumbPage>{{ item.title }}</BreadcrumbPage>
                     </template>
                     <template v-else>
-                        <BreadcrumbLink :href="item.href">
-                            {{ item.title }}
+                        <BreadcrumbLink>
+                            <Link :href="item.href ?? '#'">{{ item.title }}</Link>
                         </BreadcrumbLink>
                     </template>
                 </BreadcrumbItem>