style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/components/Breadcrumb/index.vue

@@ -1,101 +1,107 @@
 <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">
-import {onBeforeMount, ref, watch} from 'vue'
-import {useRoute, RouteLocationMatched} from 'vue-router'
-import {compile} from 'path-to-regexp'
-import router from '@/router'
-import {generateTitle} from '@/utils/i18n'
+import { onBeforeMount, ref, watch } from 'vue';
+import { useRoute, RouteLocationMatched } from 'vue-router';
+import { compile } from 'path-to-regexp';
+import router from '@/router';
+import { generateTitle } from '@/utils/i18n';
 
-const currentRoute = useRoute()
+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>)
+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()
-})
+watch(
+	() => 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>
+</style>