fix(projects): fix GlobalBreadcrumb warning

src/layouts/modules/global-breadcrumb/index.vue

@@ -1,14 +1,17 @@
 <script setup lang="ts">
+import { useAttrs } from 'vue';
 import { createReusableTemplate } from '@vueuse/core';
 import type { RouteKey } from '@elegant-router/types';
 import { useThemeStore } from '@/store/modules/theme';
 import { useRouteStore } from '@/store/modules/route';
 import { useRouterPush } from '@/hooks/common/router';
 
 defineOptions({
-  name: 'GlobalBreadcrumb'
+  name: 'GlobalBreadcrumb',
+  inheritAttrs: false
 });
 
+const attrs = useAttrs();
 const themeStore = useThemeStore();
 const routeStore = useRouteStore();
 const { routerPushByKey } = useRouterPush();
@@ -25,16 +28,16 @@ function handleClickMenu(key: RouteKey) {
 </script>
 
 <template>
-  <ABreadcrumb v-if="themeStore.header.breadcrumb.visible">
-    <!-- define component start: BreadcrumbContent -->
-    <DefineBreadcrumbContent v-slot="{ breadcrumb }">
-      <div class="i-flex-y-center align-middle">
-        <component :is="breadcrumb.icon" v-if="themeStore.header.breadcrumb.showIcon" class="mr-4px text-icon" />
-        {{ breadcrumb.label }}
-      </div>
-    </DefineBreadcrumbContent>
-    <!-- define component end: BreadcrumbContent -->
-
+  <!-- define component start: BreadcrumbContent -->
+  <DefineBreadcrumbContent v-slot="{ breadcrumb }">
+    <div class="i-flex-y-center align-middle">
+      <component :is="breadcrumb.icon" v-if="themeStore.header.breadcrumb.showIcon" class="mr-4px text-icon" />
+      {{ breadcrumb.label }}
+    </div>
+  </DefineBreadcrumbContent>
+  <!-- define component end: BreadcrumbContent -->
+
+  <ABreadcrumb v-if="themeStore.header.breadcrumb.visible" v-bind="attrs">
     <ABreadcrumbItem v-for="item in routeStore.breadcrumbs" :key="item.key">
       <BreadcrumbContent :breadcrumb="item" />