update 调整代码格式

src/components/Breadcrumb/index.vue

@@ -1,3 +1,15 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
+        <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{
+          item.meta?.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta?.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
 <script setup lang="ts">
 import { RouteLocationMatched } from 'vue-router'
 
@@ -6,49 +18,37 @@ const router = useRouter();
 const levelList = ref<RouteLocationMatched[]>([])
 
 const getBreadcrumb = () => {
-  // only show routes with meta.title
-  let matched = route.matched.filter(item => item.meta && item.meta.title);
-  const first = matched[0]
-  // 判断是否为首页
-  if (!isDashboard(first)) {
-    matched = ([{ path: '/index', meta: { title: '首页' } }] as any).concat(matched)
-  }
-  levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    // only show routes with meta.title
+    let matched = route.matched.filter(item => item.meta && item.meta.title);
+    const first = matched[0]
+    // 判断是否为首页
+    if (!isDashboard(first)) {
+        matched = ([{ path: '/index', meta: { title: '首页' } }] as any).concat(matched)
+    }
+    levelList.value = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
 }
 const isDashboard = (route: RouteLocationMatched) => {
-  const name = route && route.name as string
-  if (!name) {
-    return false
-  }
-  return name.trim() === 'Index'
+    const name = route && route.name as string
+    if (!name) {
+        return false
+    }
+    return name.trim() === 'Index'
 }
 const handleLink = (item: RouteLocationMatched) => {
-  const { redirect, path } = item
-  redirect ? router.push(redirect as string) : router.push(path)
+    const { redirect, path } = item
+    redirect ? router.push(redirect as string) : router.push(path)
 }
 
 watchEffect(() => {
-  // if you go to the redirect page, do not update the breadcrumbs
-  if (route.path.startsWith('/redirect/')) return
-  getBreadcrumb()
+    // if you go to the redirect page, do not update the breadcrumbs
+    if (route.path.startsWith('/redirect/')) return
+    getBreadcrumb()
 })
 onMounted(() => {
-  getBreadcrumb();
+    getBreadcrumb();
 })
 </script>
 
-<template>
-	<el-breadcrumb class="app-breadcrumb" separator="/">
-		<transition-group name="breadcrumb">
-			<el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
-				<span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{
-          item.meta?.title }}</span>
-				<a v-else @click.prevent="handleLink(item)">{{ item.meta?.title }}</a>
-			</el-breadcrumb-item>
-		</transition-group>
-	</el-breadcrumb>
-</template>
-
 <style lang="scss" scoped>
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;