style: 全局代码格式化

Former-commit-id: bb50c8419b8fcdeb48c93fce9f399d901e8f5a52

src/layout/components/Sidebar/index.vue

@@ -1,51 +1,51 @@
 <template>
-  <div :class="{'has-logo':showLogo}">
-    <logo v-if="showLogo" :collapse="isCollapse"/>
-    <el-scrollbar wrap-class="scrollbar-wrapper">
-      <el-menu
-          :default-active="activeMenu"
-          :collapse="isCollapse"
-          :background-color="variables.menuBg"
-          :text-color="variables.menuText"
-          :active-text-color="variables.menuActiveText"
-          :unique-opened="false"
-          :collapse-transition="false"
-          mode="vertical">
-        <sidebar-item
-            v-for="route in routes"
-            :item="route"
-            :key="route.path"
-            :base-path="route.path"
-            :is-collapse="isCollapse"
-        />
-      </el-menu>
-    </el-scrollbar>
-  </div>
+	<div :class="{ 'has-logo': showLogo }">
+		<logo v-if="showLogo" :collapse="isCollapse" />
+		<el-scrollbar wrap-class="scrollbar-wrapper">
+			<el-menu
+				:default-active="activeMenu"
+				:collapse="isCollapse"
+				:background-color="variables.menuBg"
+				:text-color="variables.menuText"
+				:active-text-color="variables.menuActiveText"
+				:unique-opened="false"
+				:collapse-transition="false"
+				mode="vertical"
+			>
+				<sidebar-item
+					v-for="route in routes"
+					:item="route"
+					:key="route.path"
+					:base-path="route.path"
+					:is-collapse="isCollapse"
+				/>
+			</el-menu>
+		</el-scrollbar>
+	</div>
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
 
-import {computed} from "vue";
-import {useRoute} from 'vue-router'
+import SidebarItem from './SidebarItem.vue';
+import Logo from './Logo.vue';
+import variables from '@/styles/variables.module.scss';
+import useStore from '@/store';
 
-import SidebarItem from './SidebarItem.vue'
-import Logo from './Logo.vue'
-import variables from '@/styles/variables.module.scss'
-import useStore from "@/store";
+const { permission, setting, app } = useStore();
 
-const {permission,setting,app} =useStore();
-
-const route =useRoute()
-const routes =computed(() => permission.routes)
-const showLogo = computed(() => setting.sidebarLogo)
-const isCollapse = computed(() => !app.sidebar.opened)
+const route = useRoute();
+const routes = computed(() => permission.routes);
+const showLogo = computed(() => setting.sidebarLogo);
+const isCollapse = computed(() => !app.sidebar.opened);
 
 const activeMenu = computed(() => {
-  const {meta, path} = route
-  // if set path, the sidebar will highlight the path you set
-  if (meta.activeMenu) {
-    return meta.activeMenu as string
-  }
-  return path
-})
+	const { meta, path } = route;
+	// if set path, the sidebar will highlight the path you set
+	if (meta.activeMenu) {
+		return meta.activeMenu as string;
+	}
+	return path;
+});
 </script>