feat: breadcrumb

JasKang · Jul 6, 2023 · 4564cec · 4564cec
1 parent 4bb38da
commit 4564cec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md
@@ -1,7 +1,10 @@
 # Breadcrumb
 
 ```vue preview
+<script setup lang="tsx">
+const home = () => <HomeIcon class="h-3 w-3" />
+</script>
 <template>
-  <TBreadcrumb :items="[{ title: 'sdfs' }, { title: 'sdfs' }, { title: 'asdfasdf' }]"></TBreadcrumb>
+  <TBreadcrumb :items="[{ title: home }, { title: 'sdfs' }, { title: 'asdfasdf' }]"></TBreadcrumb>
 </template>
 ```
diff --git a/src/components/Breadcrumb/index.tsx b/src/components/Breadcrumb/index.tsx
@@ -44,7 +44,7 @@ export const Breadcrumb = defineComponent({
         <ol class="flex min-w-0 whitespace-nowrap px-2 text-sm">
           {parentPaths.value.map(item => (
             <li class="flex items-center">
-              <a class={['text-gray-400 hover:text-gray-500', item.path ? 'cursor-pointer' : '']} href={item.path}>
+              <a class={['text-gray-400', item.path ? 'cursor-pointer hover:text-gray-500' : '']} href={item.path}>
                 {typeof item.title === 'function' ? item.title() : item.title}
               </a>
               <ChevronRightIcon class="mx-1 h-3 w-3 flex-shrink-0 text-gray-400" aria-hidden="true" />