fix(kbreadcrumbs): make last item a link (#2098)

Kong · Mar 26, 2024 · 2c290fa · 2c290fa
1 parent 1fe7983
commit 2c290fa
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/sandbox/pages/SandboxBreadcrumbs.vue b/sandbox/pages/SandboxBreadcrumbs.vue
@@ -74,5 +74,6 @@ const breadcrumbs = [{
   key: 'here',
   title: 'You are here',
   text: 'You are here',
+  to: { path: '/breadcrumbs' },
 }]
 </script>
diff --git a/src/components/KBreadcrumbs/KBreadcrumbs.vue b/src/components/KBreadcrumbs/KBreadcrumbs.vue
@@ -9,10 +9,10 @@
       class="breadcrumbs-item-container"
     >
       <component
-        :is="getComponentAttrs(item, idx === items.length - 1).type"
-        v-bind="getComponentAttrs(item, idx === items.length - 1).attrs"
+        :is="getComponentAttrs(item).type"
+        v-bind="getComponentAttrs(item).attrs"
         class="breadcrumbs-item"
-        :class="{ 'link': !!item.to && idx !== items.length - 1, 'active': idx === items.length - 1 }"
+        :class="{ 'link': !!item.to, 'active': idx === items.length - 1 }"
       >
         <span
           v-if="$slots[`icon-${getBreadcrumbKey(item, idx)}`]"
@@ -65,8 +65,8 @@ defineProps({
   },
 })
 
-const getComponentAttrs = (item: BreadcrumbItem, active: boolean) => {
-  if (!item.to || active) {
+const getComponentAttrs = (item: BreadcrumbItem) => {
+  if (!item.to) {
     return {
       type: 'div',
       attrs: {