feat: 使用prettierrc对代码进行格式化

web/src/view/layout/index.vue

@@ -12,15 +12,24 @@
     />
     <gva-header />
     <div class="flex flex-row w-full gva-container pt-16 box-border h-full">
-        <gva-aside v-if="config.side_mode === 'normal' || (device === 'mobile' && config.side_mode == 'head' ) || (device === 'mobile' && config.side_mode == 'combination' )" />
-        <gva-aside v-if="config.side_mode === 'combination' && device !== 'mobile'" mode="normal"/>
+      <gva-aside
+        v-if="
+          config.side_mode === 'normal' ||
+          (device === 'mobile' && config.side_mode == 'head') ||
+          (device === 'mobile' && config.side_mode == 'combination')
+        "
+      />
+      <gva-aside
+        v-if="config.side_mode === 'combination' && device !== 'mobile'"
+        mode="normal"
+      />
       <div class="flex-1 p-2 w-0 h-full">
         <gva-tabs v-if="config.showTabs" />
         <div
           class="overflow-auto"
           :class="config.showTabs ? 'gva-container2' : 'gva-container pt-1'"
         >
-          <router-view v-if="reloadFlag" v-slot="{ Component,route }">
+          <router-view v-if="reloadFlag" v-slot="{ Component, route }">
             <div
               id="gva-base-load-dom"
               class="gva-body-h bg-gray-50 dark:bg-slate-800"
@@ -40,67 +49,66 @@
 </template>
 
 <script setup>
-import GvaAside from "@/view/layout/aside/index.vue";
-import GvaHeader from "@/view/layout/header/index.vue";
-import useResponsive from "@/hooks/responsive";
-import GvaTabs from "./tabs/index.vue";
-import BottomInfo from "@/components/bottomInfo/bottomInfo.vue";
-import { emitter } from "@/utils/bus.js";
-import { ref, onMounted, nextTick, reactive, watchEffect } from "vue";
-import { useRouter, useRoute } from "vue-router";
-import { useRouterStore } from "@/pinia/modules/router";
-import { useUserStore } from "@/pinia/modules/user";
-import { useAppStore } from "@/pinia";
-import { storeToRefs } from "pinia";
-const appStore = useAppStore();
-const { config, theme, device } = storeToRefs(appStore);
+  import GvaAside from '@/view/layout/aside/index.vue'
+  import GvaHeader from '@/view/layout/header/index.vue'
+  import useResponsive from '@/hooks/responsive'
+  import GvaTabs from './tabs/index.vue'
+  import BottomInfo from '@/components/bottomInfo/bottomInfo.vue'
+  import { emitter } from '@/utils/bus.js'
+  import { ref, onMounted, nextTick, reactive, watchEffect } from 'vue'
+  import { useRouter, useRoute } from 'vue-router'
+  import { useRouterStore } from '@/pinia/modules/router'
+  import { useUserStore } from '@/pinia/modules/user'
+  import { useAppStore } from '@/pinia'
+  import { storeToRefs } from 'pinia'
+  const appStore = useAppStore()
+  const { config, theme, device } = storeToRefs(appStore)
 
-defineOptions({
-  name: "GvaLayout",
-});
+  defineOptions({
+    name: 'GvaLayout'
+  })
 
-useResponsive(true);
-const font = reactive({
-  color: "rgba(0, 0, 0, .15)",
-});
+  useResponsive(true)
+  const font = reactive({
+    color: 'rgba(0, 0, 0, .15)'
+  })
 
-watchEffect(() => {
-  font.color =
-    theme.value === "dark" ? "rgba(255,255,255, .15)" : "rgba(0, 0, 0, .15)";
-});
+  watchEffect(() => {
+    font.color =
+      theme.value === 'dark' ? 'rgba(255,255,255, .15)' : 'rgba(0, 0, 0, .15)'
+  })
 
-const router = useRouter();
-const route = useRoute();
-const routerStore = useRouterStore();
+  const router = useRouter()
+  const route = useRoute()
+  const routerStore = useRouterStore()
 
-onMounted(() => {
-  // 挂载一些通用的事件
-  emitter.on("reload", reload);
-  if (userStore.loadingInstance) {
-    userStore.loadingInstance.close();
-  }
-});
-
-const userStore = useUserStore();
-
-const reloadFlag = ref(true);
-let reloadTimer = null;
-const reload = async () => {
-  if (reloadTimer) {
-    window.clearTimeout(reloadTimer);
-  }
-  reloadTimer = window.setTimeout(async () => {
-    if (route.meta.keepAlive) {
-      reloadFlag.value = false;
-      await nextTick();
-      reloadFlag.value = true;
-    } else {
-      const title = route.meta.title;
-      router.push({ name: "Reload", params: { title } });
+  onMounted(() => {
+    // 挂载一些通用的事件
+    emitter.on('reload', reload)
+    if (userStore.loadingInstance) {
+      userStore.loadingInstance.close()
     }
-  }, 400);
-};
+  })
+
+  const userStore = useUserStore()
+
+  const reloadFlag = ref(true)
+  let reloadTimer = null
+  const reload = async () => {
+    if (reloadTimer) {
+      window.clearTimeout(reloadTimer)
+    }
+    reloadTimer = window.setTimeout(async () => {
+      if (route.meta.keepAlive) {
+        reloadFlag.value = false
+        await nextTick()
+        reloadFlag.value = true
+      } else {
+        const title = route.meta.title
+        router.push({ name: 'Reload', params: { title } })
+      }
+    }, 400)
+  }
 </script>
 
-<style lang="scss">
-</style>
+<style lang="scss"></style>