代码微调

src/App.vue

@@ -1,7 +1,7 @@
 <script setup>
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
-
 import useSettingsStore from '@/store/modules/settings'
+
 const settingsStore = useSettingsStore()
 
 // 侧边栏主导航当前实际宽度

src/layout/components/AppSetting/index.vue

@@ -1,15 +1,17 @@
 <script setup name="AppSetting">
+import { useClipboard } from '@vueuse/core'
+import useSettingsStore from '@/store/modules/settings'
+import useMenuStore from '@/store/modules/menu'
+import globalSettings from '@/settings'
+
 const { proxy } = getCurrentInstance()
 const route = useRoute()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useMenuStore from '@/store/modules/menu'
 const menuStore = useMenuStore()
 
 const isShow = ref(false)
 
-import globalSettings from '@/settings'
 const settings = ref(globalSettings)
 
 watch(() => settings, () => {
@@ -26,7 +28,6 @@ onMounted(() => {
     })
 })
 
-import { useClipboard } from '@vueuse/core'
 const { copy, copied, isSupported } = useClipboard()
 
 watch(copied, val => {

src/layout/components/Header/index.vue

@@ -1,10 +1,10 @@
 <script setup name="Header">
 import Logo from '../Logo/index.vue'
 import Tools from '../Tools/index.vue'
-
 import useSettingsStore from '@/store/modules/settings'
-const settingsStore = useSettingsStore()
 import useMenuStore from '@/store/modules/menu'
+
+const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
 
 const switchMenu = inject('switchMenu')

src/layout/components/Logo/index.vue

@@ -1,7 +1,7 @@
 <script setup name="Logo">
 import imgLogo from '@/assets/images/logo.png'
-
 import useSettingsStore from '@/store/modules/settings'
+
 const settingsStore = useSettingsStore()
 
 defineProps({

src/layout/components/MainSidebar/index.vue

@@ -1,9 +1,9 @@
 <script setup name="MainSidebar">
 import Logo from '../Logo/index.vue'
-
 import useSettingsStore from '@/store/modules/settings'
-const settingsStore = useSettingsStore()
 import useMenuStore from '@/store/modules/menu'
+
+const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
 
 const switchMenu = inject('switchMenu')

src/layout/components/Search/index.vue

@@ -1,13 +1,13 @@
 <script setup name="Search">
 import { deepClone, isExternalLink } from '@/util'
+import useSettingsStore from '@/store/modules/settings'
+import useRouteStore from '@/store/modules/route'
+import useMenuStore from '@/store/modules/menu'
 
 const { proxy } = getCurrentInstance()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useRouteStore from '@/store/modules/route'
 const routeStore = useRouteStore()
-import useMenuStore from '@/store/modules/menu'
 const menuStore = useMenuStore()
 
 const isShow = ref(false)

src/layout/components/SubSidebar/index.vue

@@ -1,10 +1,10 @@
 <script setup name="SubSidebar">
 import Logo from '../Logo/index.vue'
 import SidebarItem from '../SidebarItem/index.vue'
-
 import useSettingsStore from '@/store/modules/settings'
-const settingsStore = useSettingsStore()
 import useMenuStore from '@/store/modules/menu'
+
+const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
 
 const sidebarScrollTop = ref(0)

src/layout/components/Tools/index.vue

@@ -1,13 +1,14 @@
 <script setup name="Tools">
+import { useFullscreen } from '@vueuse/core'
+import useSettingsStore from '@/store/modules/settings'
+import useUserStore from '@/store/modules/user'
+
 const reload = inject('reload')
 const router = useRouter()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 
-import { useFullscreen } from '@vueuse/core'
 const { isFullscreen, toggle } = useFullscreen()
 
 function userCommand(command) {

src/layout/components/Topbar/index.vue

@@ -1,10 +1,10 @@
 <script setup name="Topbar">
 import { compile } from 'path-to-regexp'
+import useSettingsStore from '@/store/modules/settings'
 import Tools from '../Tools/index.vue'
 
 const route = useRoute()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
 
 const enableSidebarCollapse = computed(() => {

src/layout/index.vue

@@ -7,15 +7,15 @@ import Search from './components/Search/index.vue'
 import AppSetting from './components/AppSetting/index.vue'
 import BuyIt from './components/BuyIt/index.vue'
 import { isExternalLink } from '@/util'
+import useSettingsStore from '@/store/modules/settings'
+import useKeepAliveStore from '@/store/modules/keepAlive'
+import useMenuStore from '@/store/modules/menu'
 
 const { proxy } = getCurrentInstance()
 const routeInfo = useRoute(), router = useRouter()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useKeepAliveStore from '@/store/modules/keepAlive'
 const keepAliveStore = useKeepAliveStore()
-import useMenuStore from '@/store/modules/menu'
 const menuStore = useMenuStore()
 
 const showCopyright = computed(() => {

src/settings.js

@@ -6,13 +6,7 @@ let globalSettings = {
         elementSize: 'default',
         // 是否将 iconify 图标集中的 Element Plus 图标下载到本地，以便在离线环境下使用
         iconifyOfflineUse: false,
-        /**
-         * 是否开启权限功能，权限功能提供以下鉴权支持：
-         * 1、路由鉴权
-         * 2、鉴权组件：<Auth></Auth>、<AuthAll></AuthAll>
-         * 3、鉴权指令：v-auth、v-auth-all
-         * 4、鉴权函数：this.$auth()、this.$authAll()
-         */
+        // 是否开启权限功能
         enablePermission: false,
         // 是否开启载入进度条
         enableProgress: true,

src/views/keep_alive_example/page.vue

@@ -7,11 +7,10 @@
 </route>
 
 <script setup name="KeepAliveExamplePage">
+import useKeepAliveStore from '@/store/modules/keepAlive'
 import { onBeforeRouteLeave } from 'vue-router'
 
 const router = useRouter()
-
-import useKeepAliveStore from '@/store/modules/keepAlive'
 const keepAliveStore = useKeepAliveStore()
 
 const openKeepAlive = ref(false)
@@ -46,7 +45,7 @@ onBeforeRouteLeave((to, from) => {
 
 <template>
     <div>
-        <page-header title="页面缓存" content="除了可以在路由里配置页面是否需要缓存外，你也可以不使用框架提供的方法，而是在页面里自行实现，该方法目前仅支持在 Options API 中实现。" />
+        <page-header title="页面缓存" content="除了可以在路由里配置页面是否需要缓存外，你也可以不使用框架提供的方法，而是在页面里自行实现。" />
         <page-main>
             <div class="block">
                 <el-switch v-model="openKeepAlive" active-text="开启缓存" inactive-text="关闭缓存" />

src/views/login.vue

@@ -9,12 +9,13 @@
 </route>
 
 <script setup name="Login">
+import useSettingsStore from '@/store/modules/settings'
+import useUserStore from '@/store/modules/user'
+
 const { proxy } = getCurrentInstance()
 const route = useRoute(), router = useRouter()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 
 const banner = new URL('../assets/images/login-banner.png', import.meta.url).href

src/views/permission_example/index.vue

@@ -7,11 +7,12 @@
 </route>
 
 <script setup>
+import useSettingsStore from '@/store/modules/settings'
+import useUserStore from '@/store/modules/user'
+
 const { proxy } = getCurrentInstance()
 
-import useSettingsStore from '@/store/modules/settings'
 const settingsStore = useSettingsStore()
-import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 
 function accountChange(val) {

src/views/personal/edit.password.vue

@@ -7,10 +7,11 @@
 </route>
 
 <script setup name="PersonalEditPassword">
+import useUserStore from '@/store/modules/user'
+
 const route = useRoute(), router = useRouter()
 const { proxy } = getCurrentInstance()
 
-import useUserStore from '@/store/modules/user'
 const userStore = useUserStore()
 
 const validatePassword = (rule, value, callback) => {