fix(sidebar): Fix breadcrumbs rendering

firebed · web-flow · commit 8aee2e83e70c · 2025-04-08T23:37:21.000+03:00
Ensure the sidebar only renders breadcrumbs when the `breadcrumbs` object exists and has entries. This prevents potential runtime errors if `breadcrumbs` is null or undefined.
diff --git a/resources/js/components/AppSidebarHeader.vue b/resources/js/components/AppSidebarHeader.vue
@@ -14,7 +14,7 @@ defineProps<{
     >
         <div class="flex items-center gap-2">
             <SidebarTrigger class="-ml-1" />
-            <template v-if="breadcrumbs.length > 0">
+            <template v-if="breadcrumbs && breadcrumbs.length > 0">
                 <Breadcrumbs :breadcrumbs="breadcrumbs" />
             </template>
         </div>

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@ defineProps<{`
`14`	`14`	`>`
`15`	`15`	`<div class="flex items-center gap-2">`
`16`	`16`	`<SidebarTrigger class="-ml-1" />`
`17`		`- <template v-if="breadcrumbs.length > 0">`
	`17`	`+ <template v-if="breadcrumbs && breadcrumbs.length > 0">`
`18`	`18`	`<Breadcrumbs :breadcrumbs="breadcrumbs" />`
`19`	`19`	`</template>`
`20`	`20`	`</div>`