style: 代码统一风格格式化

Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29

src/components/Breadcrumb/index.vue

@@ -1,20 +1,20 @@
 <template>
-	<el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
-		<transition-group name="breadcrumb">
-			<el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
-				<span
-					v-if="
-						item.redirect === 'noredirect' || index === breadcrumbs.length - 1
-					"
-					class="no-redirect"
-					>{{ generateTitle(item.meta.title) }}</span
-				>
-				<a v-else @click.prevent="handleLink(item)">
-					{{ generateTitle(item.meta.title) }}
-				</a>
-			</el-breadcrumb-item>
-		</transition-group>
-	</el-breadcrumb>
+  <el-breadcrumb class="app-breadcrumb" separator-class="el-icon-arrow-right">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item, index) in breadcrumbs" :key="item.path">
+        <span
+          v-if="
+            item.redirect === 'noredirect' || index === breadcrumbs.length - 1
+          "
+          class="no-redirect"
+          >{{ generateTitle(item.meta.title) }}</span
+        >
+        <a v-else @click.prevent="handleLink(item)">
+          {{ generateTitle(item.meta.title) }}
+        </a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
 </template>
 
 <script setup lang="ts">
@@ -26,82 +26,82 @@ import { generateTitle } from '@/utils/i18n';
 
 const currentRoute = useRoute();
 const pathCompile = (path: string) => {
-	const { params } = currentRoute;
-	const toPath = compile(path);
-	return toPath(params);
+  const { params } = currentRoute;
+  const toPath = compile(path);
+  return toPath(params);
 };
 
 const breadcrumbs = ref([] as Array<RouteLocationMatched>);
 
 function getBreadcrumb() {
-	let matched = currentRoute.matched.filter(
-		item => item.meta && item.meta.title
-	);
-	const first = matched[0];
-	if (!isDashboard(first)) {
-		matched = [
-			{ path: '/dashboard', meta: { title: 'dashboard' } } as any
-		].concat(matched);
-	}
-	breadcrumbs.value = matched.filter(item => {
-		return item.meta && item.meta.title && item.meta.breadcrumb !== false;
-	});
+  let matched = currentRoute.matched.filter(
+    item => item.meta && item.meta.title
+  );
+  const first = matched[0];
+  if (!isDashboard(first)) {
+    matched = [
+      { path: '/dashboard', meta: { title: 'dashboard' } } as any
+    ].concat(matched);
+  }
+  breadcrumbs.value = matched.filter(item => {
+    return item.meta && item.meta.title && item.meta.breadcrumb !== false;
+  });
 }
 
 function isDashboard(route: RouteLocationMatched) {
-	const name = route && route.name;
-	if (!name) {
-		return false;
-	}
-	return (
-		name.toString().trim().toLocaleLowerCase() ===
-		'Dashboard'.toLocaleLowerCase()
-	);
+  const name = route && route.name;
+  if (!name) {
+    return false;
+  }
+  return (
+    name.toString().trim().toLocaleLowerCase() ===
+    'Dashboard'.toLocaleLowerCase()
+  );
 }
 
 function handleLink(item: any) {
-	const { redirect, path } = item;
-	if (redirect) {
-		router.push(redirect).catch(err => {
-			console.warn(err);
-		});
-		return;
-	}
-	router.push(pathCompile(path)).catch(err => {
-		console.warn(err);
-	});
+  const { redirect, path } = item;
+  if (redirect) {
+    router.push(redirect).catch(err => {
+      console.warn(err);
+    });
+    return;
+  }
+  router.push(pathCompile(path)).catch(err => {
+    console.warn(err);
+  });
 }
 
 watch(
-	() => currentRoute.path,
-	path => {
-		if (path.startsWith('/redirect/')) {
-			return;
-		}
-		getBreadcrumb();
-	}
+  () => currentRoute.path,
+  path => {
+    if (path.startsWith('/redirect/')) {
+      return;
+    }
+    getBreadcrumb();
+  }
 );
 
 onBeforeMount(() => {
-	getBreadcrumb();
+  getBreadcrumb();
 });
 </script>
 
 <style lang="scss" scoped>
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
-	font-weight: 400 !important;
+  font-weight: 400 !important;
 }
 
 .app-breadcrumb.el-breadcrumb {
-	display: inline-block;
-	font-size: 14px;
-	line-height: 50px;
-	margin-left: 8px;
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
 
-	.no-redirect {
-		color: #97a8be;
-		cursor: text;
-	}
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
 }
 </style>