fix(menu): top menu and breadcrumb show wrong (#3703)

src/components/Menu/src/components/MenuItemContent.vue

@@ -19,7 +19,7 @@
   const { t } = useI18n();
   const { prefixCls } = useDesign('basic-menu-item-content');
 
-  const getI18nName = computed(() => t(props.item?.name));
+  const getI18nName = computed(() => t(props.item?.meta?.title || props.item?.name));
   const getIcon = computed(() => (props.item?.img ? undefined : props.item?.icon));
   const getImg = computed(() => props.item?.img);
 </script>

src/layouts/default/header/components/Breadcrumb.vue

@@ -4,10 +4,10 @@
       <template #itemRender="{ route, routes: routesMatched, paths }">
         <Icon :icon="getIcon(route)" v-if="getShowBreadCrumbIcon && getIcon(route)" />
         <span v-if="!hasRedirect(routesMatched, route)">
-          {{ t(route.name || route.meta.title) }}
+          {{ t(route.meta.title || route.name) }}
         </span>
         <router-link v-else to="" @click="handleClick(route, paths, $event as Event)">
-          {{ t(route.name || route.meta.title) }}
+          {{ t(route.meta.title || route.name) }}
         </router-link>
       </template>
     </a-breadcrumb>