From ec2bafc3cd64a1fc1f17fb95a695b863c8402232 Mon Sep 17 00:00:00 2001
From: Kirk Lin <linkirk@163.com>
Date: Mon, 8 Jan 2024 18:20:12 +0800
Subject: [PATCH] fix: repair breadcrumb icon display abnormality

---
 apps/admin/src/layouts/header/components/Breadcrumb.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/admin/src/layouts/header/components/Breadcrumb.vue b/apps/admin/src/layouts/header/components/Breadcrumb.vue
index b574bea5..1d3c5646 100644
--- a/apps/admin/src/layouts/header/components/Breadcrumb.vue
+++ b/apps/admin/src/layouts/header/components/Breadcrumb.vue
@@ -33,7 +33,7 @@ watchEffect(() => {
         key: isNil(child?.redirect) ? child.path : child?.redirect,
         children: undefined,
         label: localize(child.name),
-        icon: () => renderIcon(child.icon),
+        icon: renderIcon(child.icon),
       })),
     }));
   }
@@ -51,19 +51,19 @@ function selectDropdown(key) {
 <template>
   <NBreadcrumb class="breadcrumb">
     <NBreadcrumbItem @click="navigateTo({ path: '/' })">
-      <span class="inline-block align-text-bottom i-tabler-home text-16px" />
+      <CAIcon icon="tabler:home" :size="16" />
     </NBreadcrumbItem>
     <TransitionGroup name="breadcrumbAnimation">
       <template v-for="breadcrumb in breadcrumbs" :key="breadcrumb.path">
         <NBreadcrumbItem>
           <NDropdown v-if="breadcrumb.children" :options="breadcrumb.options" @select="selectDropdown">
             <span>
-              <svg v-if="breadcrumb.icon" :class="breadcrumb.icon" class="inline-block align-text-bottom mr-4px text-16px" />
+              <CAIcon v-if="breadcrumb.icon" :icon="breadcrumb.icon" :size="16" class="inline-block align-text-bottom mr-4px text-16px" />
               <span>{{ localize(breadcrumb.name) }}</span>
             </span>
           </NDropdown>
           <template v-else>
-            <svg v-if="breadcrumb.icon" :class="breadcrumb.icon" class="inline-block align-text-bottom mr-4px text-16px" />
+            <CAIcon v-if="breadcrumb.icon" :icon="breadcrumb.icon" :size="16" class="inline-block align-text-bottom mr-2" />
             <span>{{ localize(breadcrumb.name) }}</span>
           </template>
         </NBreadcrumbItem>