From a67510fe34cc798f4c5e5fad5b78cf202e4a4f74 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Thu, 6 Jun 2024 18:05:36 +0800
Subject: [PATCH] style: lint

---
 README.md                                     |  5 +-
 build/index.js                                |  4 +-
 build/plugin-isme/icons.js                    |  5 +-
 build/plugin-isme/page-pathes.js              |  5 +-
 eslint.config.js                              | 10 ++-
 index.html                                    |  2 +-
 src/App.vue                                   | 13 +--
 src/api/index.js                              |  4 +-
 src/components/common/AppPage.vue             |  4 +-
 src/components/common/CommonPage.vue          |  6 +-
 src/components/common/TheLogo.vue             |  2 +-
 src/components/common/ThemeSetting.vue        |  1 +
 src/components/me/crud/QueryItem.vue          |  4 +-
 src/components/me/crud/index.vue              | 25 +++---
 src/components/me/modal/index.vue             | 39 ++++----
 src/components/me/modal/utils.js              | 14 +--
 src/composables/useAliveData.js               |  4 +-
 src/composables/useCrud.js                    | 16 ++--
 src/composables/useForm.js                    |  2 +-
 src/composables/useModal.js                   |  2 +-
 src/directives/index.js                       |  2 +-
 src/layouts/components/BreadCrumb.vue         |  7 +-
 src/layouts/components/RoleSelect.vue         |  9 +-
 src/layouts/components/SideLogo.vue           |  1 +
 src/layouts/components/SideMenu.vue           |  3 +-
 src/layouts/components/UserAvatar.vue         |  7 +-
 src/layouts/components/tab/ContextMenu.vue    |  4 +-
 src/layouts/components/tab/index.vue          |  2 +-
 src/layouts/full/header/index.vue             |  6 +-
 src/layouts/full/index.vue                    |  4 +-
 src/layouts/normal/header/index.vue           |  6 +-
 src/layouts/normal/index.vue                  |  2 +-
 src/layouts/simple/index.vue                  |  2 +-
 src/layouts/simple/sidebar/index.vue          |  2 +-
 src/router/guards/page-title-guard.js         |  3 +-
 src/router/guards/permission-guard.js         | 12 ++-
 src/router/guards/tab-guard.js                |  3 +-
 src/router/index.js                           |  2 +-
 src/store/helper.js                           |  3 +-
 src/store/modules/auth.js                     |  2 +-
 src/store/modules/permission.js               | 31 ++++---
 src/store/modules/tab.js                      | 27 +++---
 src/utils/common.js                           | 39 ++++----
 src/utils/http/helpers.js                     |  6 +-
 src/utils/http/interceptors.js                |  4 +-
 src/utils/is.js                               | 17 ++--
 src/utils/naiveTools.js                       | 10 ++-
 src/utils/storage/storage.js                  |  6 +-
 src/views/base/index.vue                      | 45 +++++++---
 src/views/base/keep-alive.vue                 |  4 +-
 src/views/base/test-modal.vue                 |  4 +-
 src/views/base/unocss-icon.vue                | 20 +++--
 src/views/demo/upload/index.vue               |  9 +-
 src/views/error-page/403.vue                  |  7 +-
 src/views/error-page/404.vue                  |  4 +-
 src/views/home/index.vue                      | 12 ++-
 src/views/iframe/index.vue                    |  2 +-
 src/views/login/api.js                        |  4 +-
 src/views/login/index.vue                     | 28 +++---
 src/views/pms/resource/api.js                 |  4 +-
 .../pms/resource/components/MenuTree.vue      | 17 ++--
 .../pms/resource/components/ResAddOrEdit.vue  | 47 ++++++----
 src/views/pms/resource/index.vue              | 59 +++++++-----
 src/views/pms/role/api.js                     |  6 +-
 src/views/pms/role/index.vue                  | 58 ++++++------
 src/views/pms/role/role-user.vue              | 90 ++++++++++---------
 src/views/pms/user/api.js                     |  6 +-
 src/views/pms/user/index.vue                  | 84 +++++++++--------
 src/views/profile/api.js                      |  4 +-
 src/views/profile/index.vue                   | 18 ++--
 uno.config.js                                 |  4 +-
 vite.config.js                                |  6 +-
 72 files changed, 542 insertions(+), 389 deletions(-)

diff --git a/README.md b/README.md
index bb704ec..c55a977 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@
 </p>
 
 ## 简介
+
 Vue Naive Admin 是一款极简风格的后台管理模板，包含前后端解决方案，前端使用 Vite + Vue3 + Pinia + Unocss，后端使用 Nestjs + TypeOrm + MySql，简单易用，赏心悦目，历经十几次重构和细节打磨，诚意满满！！
 
 ## 设计理念
@@ -51,9 +52,8 @@ Vue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + My
 - 源码-github: [isme-nest-serve | github](https://github.com/zclzone/isme-nest-serve)
 - 源码-gitee: [isme-nest-serve | gitee](https://gitee.com/isme-admin/isme-nest-serve)
 
-
 ## 文档
-  
+
 - 项目文档: [docs | vue-naive-admin](https://docs.isme.top/web/#/624306705/188522224)
 - 接口文档: [apidoc | isme-nest-serve](https://apifox.com/apidoc/shared-ff4a4d32-c0d1-4caf-b0ee-6abc130f734a)
 
@@ -81,4 +81,3 @@ Vue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + My
 添加微信，拉你进群
 
 ![](https://static.isme.top/image/coder_wx.jpg)
-
diff --git a/build/index.js b/build/index.js
index 448517d..985ced8 100644
--- a/build/index.js
+++ b/build/index.js
@@ -6,8 +6,8 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
+import path from 'node:path'
 import { globSync } from 'glob'
-import path from 'path'
 import dynamicIcons from '../src/assets/icons/dynamic-icons'
 
 /**
@@ -35,5 +35,5 @@ export function getIcons() {
  */
 export function getPagePathes() {
   const files = globSync('src/views/**/*.vue')
-  return files.map((item) => '/' + path.normalize(item).replace(/\\/g, '/'))
+  return files.map(item => `/${path.normalize(item).replace(/\\/g, '/')}`)
 }
diff --git a/build/plugin-isme/icons.js b/build/plugin-isme/icons.js
index 336d0bf..4da9779 100644
--- a/build/plugin-isme/icons.js
+++ b/build/plugin-isme/icons.js
@@ -13,10 +13,11 @@ export function pluginIcons() {
   return {
     name: 'isme:icons',
     resolveId(id) {
-      if (id === PLUGIN_ICONS_ID) return '\0' + PLUGIN_ICONS_ID
+      if (id === PLUGIN_ICONS_ID)
+        return `\0${PLUGIN_ICONS_ID}`
     },
     load(id) {
-      if (id === '\0' + PLUGIN_ICONS_ID) {
+      if (id === `\0${PLUGIN_ICONS_ID}`) {
         return `export default ${JSON.stringify(getIcons())}`
       }
     },
diff --git a/build/plugin-isme/page-pathes.js b/build/plugin-isme/page-pathes.js
index 44bdf49..a29d8e2 100644
--- a/build/plugin-isme/page-pathes.js
+++ b/build/plugin-isme/page-pathes.js
@@ -13,10 +13,11 @@ export function pluginPagePathes() {
   return {
     name: 'isme:page-pathes',
     resolveId(id) {
-      if (id === PLUGIN_PAGE_PATHES_ID) return '\0' + PLUGIN_PAGE_PATHES_ID
+      if (id === PLUGIN_PAGE_PATHES_ID)
+        return `\0${PLUGIN_PAGE_PATHES_ID}`
     },
     load(id) {
-      if (id === '\0' + PLUGIN_PAGE_PATHES_ID) {
+      if (id === `\0${PLUGIN_PAGE_PATHES_ID}`) {
         return `export default ${JSON.stringify(getPagePathes())}`
       }
     },
diff --git a/eslint.config.js b/eslint.config.js
index c6b431f..b15d4e5 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -9,10 +9,13 @@ export default antfu({
     'no-undef': 'error',
     'no-fallthrough': 'off',
     'vue/block-order': 'off',
+    '@typescript-eslint/no-this-alias': 'off',
+    'prefer-promise-reject-errors': 'off',
   },
   languageOptions: {
     globals: {
       h: 'readonly',
+      unref: 'readonly',
       provide: 'readonly',
       inject: 'readonly',
       markRaw: 'readonly',
@@ -21,8 +24,11 @@ export default antfu({
       useRoute: 'readonly',
       useRouter: 'readonly',
       Message: 'readonly',
-      Modal: 'readonly',
-      NProgress: 'readonly',
+      $loadingBar: 'readonly',
+      $message: 'readonly',
+      $dialog: 'readonly',
+      $notification: 'readonly',
+      $modal: 'readonly',
     },
   },
 })
diff --git a/index.html b/index.html
index 8484405..6767d3d 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/src/App.vue b/src/App.vue
index f901596..1014785 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,14 +27,15 @@
 </template>
 
 <script setup>
-import { zhCN, dateZhCN, darkTheme } from 'naive-ui'
+import { darkTheme, dateZhCN, zhCN } from 'naive-ui'
 import { LayoutSetting } from '@/components'
 import { useAppStore, useTabStore } from '@/store'
 
 const layouts = new Map()
 function getLayout(name) {
   // 利用map将加载过的layout缓存起来，防止重新加载layout导致页面闪烁
-  if (layouts.get(name)) return layouts.get(name)
+  if (layouts.get(name))
+    return layouts.get(name)
   const layout = markRaw(defineAsyncComponent(() => import(`@/layouts/${name}/index.vue`)))
   layouts.set(name, layout)
   return layout
@@ -42,15 +43,17 @@ function getLayout(name) {
 
 const route = useRoute()
 const appStore = useAppStore()
-if (appStore.layout === 'default') appStore.setLayout('')
+if (appStore.layout === 'default')
+  appStore.setLayout('')
 const Layout = computed(() => {
-  if (!route.matched?.length) return null
+  if (!route.matched?.length)
+    return null
   return getLayout(route.meta?.layout || appStore.layout)
 })
 
 const tabStore = useTabStore()
 const keepAliveNames = computed(() => {
-  return tabStore.tabs.filter((item) => item.keepAlive).map((item) => item.name)
+  return tabStore.tabs.filter(item => item.keepAlive).map(item => item.name)
 })
 
 watchEffect(() => {
diff --git a/src/api/index.js b/src/api/index.js
index ba1f67e..44eb0dc 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -16,9 +16,9 @@ export default {
   // 登出
   logout: () => request.post('/auth/logout'),
   // 切换当前角色
-  switchCurrentRole: (role) => request.post(`/auth/current-role/switch/${role}`),
+  switchCurrentRole: role => request.post(`/auth/current-role/switch/${role}`),
   // 获取角色权限
   getRolePermissions: () => request.get('/role/permissions/tree'),
   // 验证菜单路径
-  validateMenuPath: (path) => request.get(`/permission/menu/validate?path=${path}`),
+  validateMenuPath: path => request.get(`/permission/menu/validate?path=${path}`),
 }
diff --git a/src/components/common/AppPage.vue b/src/components/common/AppPage.vue
index cef07a2..31881b8 100644
--- a/src/components/common/AppPage.vue
+++ b/src/components/common/AppPage.vue
@@ -9,7 +9,9 @@
 <template>
   <main class="cus-scroll h-full flex-col flex-1 bg-#f5f6fb dark:bg-#121212">
     <transition name="fade-slide" mode="out-in" appear>
-      <main :class="{ 'flex-1': full }" class="m-12"><slot /></main>
+      <main :class="{ 'flex-1': full }" class="m-12">
+        <slot />
+      </main>
     </transition>
     <slot v-if="$slots.footer" name="footer" />
     <TheFooter v-else-if="showFooter" class="mb-12 mt-auto" />
diff --git a/src/components/common/CommonPage.vue b/src/components/common/CommonPage.vue
index 3c77a7f..1e3c423 100644
--- a/src/components/common/CommonPage.vue
+++ b/src/components/common/CommonPage.vue
@@ -27,8 +27,10 @@
                 <span class="ml-4">返回</span>
               </div>
             </template>
-            <div class="mr-12 h-16 w-4 rounded-l-2 bg-primary"></div>
-            <h2 class="font-normal">{{ title ?? route.meta?.title }}</h2>
+            <div class="mr-12 h-16 w-4 rounded-l-2 bg-primary" />
+            <h2 class="font-normal">
+              {{ title ?? route.meta?.title }}
+            </h2>
             <slot name="title-suffix" />
           </div>
           <slot name="action" />
diff --git a/src/components/common/TheLogo.vue b/src/components/common/TheLogo.vue
index 07208f5..e5a8420 100644
--- a/src/components/common/TheLogo.vue
+++ b/src/components/common/TheLogo.vue
@@ -7,6 +7,6 @@
  --------------------------------->
 <template>
   <div class="h-40 w-40 rounded-4 bg-primary p-1/100">
-    <img src="@/assets/images/isme.png" alt="Logo" />
+    <img src="@/assets/images/isme.png" alt="Logo">
   </div>
 </template>
diff --git a/src/components/common/ThemeSetting.vue b/src/components/common/ThemeSetting.vue
index 65c2b5c..55c5cd1 100644
--- a/src/components/common/ThemeSetting.vue
+++ b/src/components/common/ThemeSetting.vue
@@ -16,6 +16,7 @@
 <script setup>
 import { getPresetColors } from '@arco-design/color'
 import { useAppStore } from '@/store'
+
 const appStore = useAppStore()
 
 const primaryColors = Object.entries(getPresetColors()).map(([, value]) => value.primary)
diff --git a/src/components/me/crud/QueryItem.vue b/src/components/me/crud/QueryItem.vue
index 88b9589..01ba98f 100644
--- a/src/components/me/crud/QueryItem.vue
+++ b/src/components/me/crud/QueryItem.vue
@@ -8,10 +8,10 @@
 
 <template>
   <div class="flex items-center">
-    <label v-if="label || label === 0" class="flex-shrink-0" :style="{ width: labelWidth + 'px' }">
+    <label v-if="label || label === 0" class="flex-shrink-0" :style="{ width: `${labelWidth}px` }">
       {{ label }}
     </label>
-    <div :style="{ width: contentWidth + 'px' }" class="flex-shrink-0">
+    <div :style="{ width: `${contentWidth}px` }" class="flex-shrink-0">
       <slot />
     </div>
   </div>
diff --git a/src/components/me/crud/index.vue b/src/components/me/crud/index.vue
index bdacbe9..b41a10a 100644
--- a/src/components/me/crud/index.vue
+++ b/src/components/me/crud/index.vue
@@ -25,7 +25,7 @@
     </form>
   </AppCard>
 
-  <n-data-table
+  <NDataTable
     :remote="remote"
     :loading="loading"
     :scroll-x="scrollX"
@@ -78,10 +78,10 @@ const props = defineProps({
   },
   /**
    * ! 约定接口入参出参
-   * * 分页模式需约定分页接口入参
+   * 分页模式需约定分页接口入参
    *    @pageSize 分页参数：一页展示多少条，默认10
    *    @pageNo   分页参数：页码，默认1
-   * * 需约定接口出参
+   * 需约定接口出参
    *    @pageData 分页模式必须,非分页模式如果没有pageData则取上一层data
    *    @total    分页模式必须，非分页模式如果没有total则取上一层data.length
    */
@@ -111,10 +111,12 @@ async function handleQuery() {
     })
     tableData.value = data?.pageData || data
     pagination.itemCount = data.total ?? data.length
-  } catch (error) {
+  }
+  catch (error) {
     tableData.value = []
     pagination.itemCount = 0
-  } finally {
+  }
+  finally {
     emit('onDataChange', tableData.value)
     loading.value = false
   }
@@ -140,16 +142,17 @@ function onPageChange(currentPage) {
   }
 }
 function onChecked(rowKeys) {
-  if (props.columns.some((item) => item.type === 'selection')) {
+  if (props.columns.some(item => item.type === 'selection')) {
     emit('onChecked', rowKeys)
   }
 }
 function handleExport(columns = props.columns, data = tableData.value) {
-  if (!data?.length) return $message.warning('没有数据')
-  const columnsData = columns.filter((item) => !!item.title && !item.hideInExcel)
-  const thKeys = columnsData.map((item) => item.key)
-  const thData = columnsData.map((item) => item.title)
-  const trData = data.map((item) => thKeys.map((key) => item[key]))
+  if (!data?.length)
+    return $message.warning('没有数据')
+  const columnsData = columns.filter(item => !!item.title && !item.hideInExcel)
+  const thKeys = columnsData.map(item => item.key)
+  const thData = columnsData.map(item => item.title)
+  const trData = data.map(item => thKeys.map(key => item[key]))
   const sheet = utils.aoa_to_sheet([thData, ...trData])
   const workBook = utils.book_new()
   utils.book_append_sheet(workBook, sheet, '数据报表')
diff --git a/src/components/me/modal/index.vue b/src/components/me/modal/index.vue
index b011be7..40b2585 100644
--- a/src/components/me/modal/index.vue
+++ b/src/components/me/modal/index.vue
@@ -18,9 +18,11 @@
   >
     <n-card :style="modalOptions.contentStyle" :closable="modalOptions.closable" @close="close()">
       <template #header>
-        <header class="modal-header">{{ modalOptions.title }}</header>
+        <header class="modal-header">
+          {{ modalOptions.title }}
+        </header>
       </template>
-      <slot></slot>
+      <slot />
 
       <!-- 底部按钮 -->
       <template #footer>
@@ -46,6 +48,7 @@
 
 <script setup>
 import { initDrag } from './utils'
+
 const props = defineProps({
   width: {
     type: String,
@@ -101,6 +104,17 @@ const show = ref(false)
 // 声明一个modalOptions变量，用于存储模态框的配置信息
 const modalOptions = ref({})
 
+const okLoading = computed({
+  get() {
+    return !!modalOptions.value?.okLoading
+  },
+  set(v) {
+    if (modalOptions.value) {
+      modalOptions.value.okLoading = v
+    }
+  },
+})
+
 // 打开模态框
 async function open(options = {}) {
   // 将props和options合并赋值给modalOptions
@@ -111,7 +125,7 @@ async function open(options = {}) {
   await nextTick()
   initDrag(
     Array.prototype.at.call(document.querySelectorAll('.modal-header'), -1),
-    Array.prototype.at.call(document.querySelectorAll('.modal-box'), -1)
+    Array.prototype.at.call(document.querySelectorAll('.modal-box'), -1),
   )
 }
 
@@ -131,7 +145,8 @@ async function handleOk(data) {
     const res = await modalOptions.value.onOk(data)
     // 如果onOk函数的返回值不为false，则关闭模态框
     res !== false && close()
-  } catch (error) {
+  }
+  catch (error) {
     okLoading.value = false
     console.error(error)
   }
@@ -149,7 +164,8 @@ async function handleCancel(data) {
 
     // 如果onCancel函数的返回值不为false，则关闭模态框
     res !== false && close()
-  } catch (error) {
+  }
+  catch (error) {
     okLoading.value = false
     console.error(error)
   }
@@ -159,21 +175,10 @@ async function onAfterLeave() {
   await nextTick()
   initDrag(
     Array.prototype.at.call(document.querySelectorAll('.modal-header'), -1),
-    Array.prototype.at.call(document.querySelectorAll('.modal-box'), -1)
+    Array.prototype.at.call(document.querySelectorAll('.modal-box'), -1),
   )
 }
 
-const okLoading = computed({
-  get() {
-    return !!modalOptions.value?.okLoading
-  },
-  set(v) {
-    if (modalOptions.value) {
-      modalOptions.value.okLoading = v
-    }
-  },
-})
-
 // 定义一个defineExpose函数，用于暴露open、close、handleOk、handleCancel函数
 defineExpose({
   open,
diff --git a/src/components/me/modal/utils.js b/src/components/me/modal/utils.js
index 61a12d1..dcba865 100644
--- a/src/components/me/modal/utils.js
+++ b/src/components/me/modal/utils.js
@@ -15,7 +15,8 @@ function getCss(element, key) {
 
 // 初始化拖拽
 export function initDrag(bar, box) {
-  if (!bar || !box) return
+  if (!bar || !box)
+    return
   const params = {
     left: 0,
     top: 0,
@@ -50,7 +51,8 @@ export function initDrag(bar, box) {
     }
   }
   document.onmousemove = function (e) {
-    if (e.target !== bar && !params.flag) return
+    if (e.target !== bar && !params.flag)
+      return
 
     e.preventDefault() // 阻止默认事件
     // 如果拖拽标志为true
@@ -60,11 +62,11 @@ export function initDrag(bar, box) {
       const disX = nowX - params.currentX // 鼠标移动的X距离
       const disY = nowY - params.currentY // 鼠标移动的Y距离
 
-      let left = parseInt(params.left) + disX // 盒子元素的新left值
-      let top = parseInt(params.top) + disY // 盒子元素的新top值
+      const left = Number.parseInt(params.left) + disX // 盒子元素的新left值
+      const top = Number.parseInt(params.top) + disY // 盒子元素的新top值
 
-      box.style.left = left + 'px'
-      box.style.top = top + 'px'
+      box.style.left = `${left}px`
+      box.style.top = `${top}px`
     }
   }
 }
diff --git a/src/composables/useAliveData.js b/src/composables/useAliveData.js
index 54a2651..bcc2f06 100644
--- a/src/composables/useAliveData.js
+++ b/src/composables/useAliveData.js
@@ -7,7 +7,7 @@
  **********************************/
 
 const lastDataMap = new Map()
-export const useAliveData = (initData = {}, key) => {
+export function useAliveData(initData = {}, key) {
   key = key ?? useRoute().name
   const lastData = lastDataMap.get(key)
   const aliveData = ref(lastData || { ...initData })
@@ -17,7 +17,7 @@ export const useAliveData = (initData = {}, key) => {
     (v) => {
       lastDataMap.set(key, v)
     },
-    { deep: true }
+    { deep: true },
   )
 
   return {
diff --git a/src/composables/useCrud.js b/src/composables/useCrud.js
index ea892e7..6ce0a3b 100644
--- a/src/composables/useCrud.js
+++ b/src/composables/useCrud.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-import { useModal, useForm } from '.'
+import { useForm, useModal } from '.'
 
 const ACTIONS = {
   view: '查看',
@@ -14,7 +14,7 @@ const ACTIONS = {
   add: '新增',
 }
 
-export const useCrud = ({ name, initForm = {}, doCreate, doDelete, doUpdate, refresh }) => {
+export function useCrud({ name, initForm = {}, doCreate, doDelete, doUpdate, refresh }) {
   const modalAction = ref('')
   const [modalRef, okLoading] = useModal()
   const [modalFormRef, modalForm, validation] = useForm(initForm)
@@ -44,7 +44,8 @@ export const useCrud = ({ name, initForm = {}, doCreate, doDelete, doUpdate, ref
       async onOk() {
         if (typeof onOk === 'function') {
           return await onOk()
-        } else {
+        }
+        else {
           return await handleSave()
         }
       },
@@ -77,7 +78,8 @@ export const useCrud = ({ name, initForm = {}, doCreate, doDelete, doUpdate, ref
       action.cb()
       okLoading.value = false
       data && refresh(data)
-    } catch (error) {
+    }
+    catch (error) {
       okLoading.value = false
       return false
     }
@@ -85,7 +87,8 @@ export const useCrud = ({ name, initForm = {}, doCreate, doDelete, doUpdate, ref
 
   /** 删除 */
   function handleDelete(id, confirmOptions) {
-    if (!id && id !== 0) return
+    if (!id && id !== 0)
+      return
     const d = $dialog.warning({
       content: '确定删除？',
       title: '提示',
@@ -98,7 +101,8 @@ export const useCrud = ({ name, initForm = {}, doCreate, doDelete, doUpdate, ref
           $message.success('删除成功')
           d.loading = false
           refresh(data)
-        } catch (error) {
+        }
+        catch (error) {
           d.loading = false
         }
       },
diff --git a/src/composables/useForm.js b/src/composables/useForm.js
index ef60157..69f9d50 100644
--- a/src/composables/useForm.js
+++ b/src/composables/useForm.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-export const useForm = (initFormData = {}) => {
+export function useForm(initFormData = {}) {
   const formRef = ref(null)
   const formModel = ref({ ...initFormData })
   const rules = {
diff --git a/src/composables/useModal.js b/src/composables/useModal.js
index 14adcfa..dc08216 100644
--- a/src/composables/useModal.js
+++ b/src/composables/useModal.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-export const useModal = () => {
+export function useModal() {
   const modalRef = ref(null)
   const okLoading = computed({
     get() {
diff --git a/src/directives/index.js b/src/directives/index.js
index a398f99..f27a036 100644
--- a/src/directives/index.js
+++ b/src/directives/index.js
@@ -11,7 +11,7 @@ import { router } from '@/router'
 const permission = {
   mounted(el, binding) {
     const currentRoute = unref(router.currentRoute)
-    const btns = currentRoute.meta?.btns?.map((item) => item.code) || []
+    const btns = currentRoute.meta?.btns?.map(item => item.code) || []
     if (!btns.includes(binding.value)) {
       el.remove()
     }
diff --git a/src/layouts/components/BreadCrumb.vue b/src/layouts/components/BreadCrumb.vue
index 37527ea..dadc9ad 100644
--- a/src/layouts/components/BreadCrumb.vue
+++ b/src/layouts/components/BreadCrumb.vue
@@ -33,6 +33,7 @@
 
 <script setup>
 import { usePermissionStore } from '@/store'
+
 const router = useRouter()
 const route = useRoute()
 const permissionStore = usePermissionStore()
@@ -43,7 +44,7 @@ watch(
   (v) => {
     breadItems.value = findMatchs(permissionStore.permissions, v)
   },
-  { immediate: true }
+  { immediate: true },
 )
 
 function findMatchs(tree, code, parents = []) {
@@ -69,8 +70,8 @@ function handleItemClick(item) {
 
 function getDropOptions(list = []) {
   return list
-    .filter((item) => item.show)
-    .map((child) => ({
+    .filter(item => item.show)
+    .map(child => ({
       label: child.name,
       key: child.code,
       icon: () => h('i', { class: child.icon }),
diff --git a/src/layouts/components/RoleSelect.vue b/src/layouts/components/RoleSelect.vue
index 6c06987..b839df4 100644
--- a/src/layouts/components/RoleSelect.vue
+++ b/src/layouts/components/RoleSelect.vue
@@ -24,7 +24,9 @@
 
     <template #footer>
       <div class="flex">
-        <n-button class="flex-1" size="large" @click="logout()">退出登录</n-button>
+        <n-button class="flex-1" size="large" @click="logout()">
+          退出登录
+        </n-button>
         <n-button
           :loading="okLoading"
           class="ml-20 flex-1"
@@ -44,7 +46,7 @@
 import api from '@/api'
 import { MeModal } from '@/components'
 import { useModal } from '@/composables'
-import { useUserStore, useAuthStore } from '@/store'
+import { useAuthStore, useUserStore } from '@/store'
 
 const userStore = useUserStore()
 const authStore = useAuthStore()
@@ -67,7 +69,8 @@ async function setCurrentRole() {
     okLoading.value = false
     $message.success('切换成功')
     modalRef.value?.handleOk()
-  } catch (error) {
+  }
+  catch (error) {
     console.error(error)
     okLoading.value = false
     return false
diff --git a/src/layouts/components/SideLogo.vue b/src/layouts/components/SideLogo.vue
index 0f717e7..a9cfba0 100644
--- a/src/layouts/components/SideLogo.vue
+++ b/src/layouts/components/SideLogo.vue
@@ -20,6 +20,7 @@
 
 <script setup>
 import { useAppStore } from '@/store'
+
 const title = import.meta.env.VITE_TITLE
 
 const appStore = useAppStore()
diff --git a/src/layouts/components/SideMenu.vue b/src/layouts/components/SideMenu.vue
index dc5c95d..a369658 100644
--- a/src/layouts/components/SideMenu.vue
+++ b/src/layouts/components/SideMenu.vue
@@ -52,7 +52,8 @@ function handleMenuSelect(key, item) {
         router.push(item.path)
       },
     })
-  } else {
+  }
+  else {
     router.push(item.path)
   }
 }
diff --git a/src/layouts/components/UserAvatar.vue b/src/layouts/components/UserAvatar.vue
index 7e5ea95..84bf105 100644
--- a/src/layouts/components/UserAvatar.vue
+++ b/src/layouts/components/UserAvatar.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script setup>
-import { useUserStore, useAuthStore, usePermissionStore } from '@/store'
+import { useAuthStore, usePermissionStore, useUserStore } from '@/store'
 import { RoleSelect } from '@/layouts/components'
 import api from '@/api'
 
@@ -35,7 +35,7 @@ const options = reactive([
     label: '个人资料',
     key: 'profile',
     icon: () => h('i', { class: 'i-material-symbols:person-outline text-14' }),
-    show: computed(() => permissionStore.accessRoutes?.some((item) => item.path === '/profile')),
+    show: computed(() => permissionStore.accessRoutes?.some(item => item.path === '/profile')),
   },
   {
     label: '切换角色',
@@ -71,7 +71,8 @@ function handleSelect(key) {
         async confirm() {
           try {
             await api.logout()
-          } catch (error) {
+          }
+          catch (error) {
             console.error(error)
           }
           authStore.logout()
diff --git a/src/layouts/components/tab/ContextMenu.vue b/src/layouts/components/tab/ContextMenu.vue
index a377dc8..ceaaae9 100644
--- a/src/layouts/components/tab/ContextMenu.vue
+++ b/src/layouts/components/tab/ContextMenu.vue
@@ -73,8 +73,8 @@ const options = computed(() => [
     label: '关闭右侧',
     key: 'close-right',
     disabled:
-      tabStore.tabs.length <= 1 ||
-      props.currentPath === tabStore.tabs[tabStore.tabs.length - 1].path,
+      tabStore.tabs.length <= 1
+      || props.currentPath === tabStore.tabs[tabStore.tabs.length - 1].path,
     icon: () => h('i', { class: 'i-mdi:arrow-expand-right text-14' }),
   },
 ])
diff --git a/src/layouts/components/tab/index.vue b/src/layouts/components/tab/index.vue
index 421772c..0936732 100644
--- a/src/layouts/components/tab/index.vue
+++ b/src/layouts/components/tab/index.vue
@@ -49,7 +49,7 @@ const contextMenuOption = reactive({
   currentPath: '',
 })
 
-const handleItemClick = (path) => {
+function handleItemClick(path) {
   tabStore.setActiveTab(path)
   router.push(path)
 }
diff --git a/src/layouts/full/header/index.vue b/src/layouts/full/header/index.vue
index 86656db..7a93ec5 100644
--- a/src/layouts/full/header/index.vue
+++ b/src/layouts/full/header/index.vue
@@ -41,13 +41,13 @@
 </template>
 
 <script setup>
-import { MenuCollapse, UserAvatar, BreadCrumb } from '@/layouts/components'
+import { useDark, useFullscreen, useToggle } from '@vueuse/core'
+import { BreadCrumb, MenuCollapse, UserAvatar } from '@/layouts/components'
 import { useAppStore } from '@/store'
-import { useDark, useToggle, useFullscreen } from '@vueuse/core'
 
 const appStore = useAppStore()
 const isDark = useDark()
-const toggleDark = () => {
+function toggleDark() {
   appStore.toggleDark()
   useToggle(isDark)()
 }
diff --git a/src/layouts/full/index.vue b/src/layouts/full/index.vue
index e1b6504..24d8d86 100644
--- a/src/layouts/full/index.vue
+++ b/src/layouts/full/index.vue
@@ -27,10 +27,10 @@
 </template>
 
 <script setup>
-import { useAppStore } from '@/store'
-import { AppTab } from '@/layouts/components'
 import SideBar from './sidebar/index.vue'
 import AppHeader from './header/index.vue'
+import { useAppStore } from '@/store'
+import { AppTab } from '@/layouts/components'
 
 const appStore = useAppStore()
 </script>
diff --git a/src/layouts/normal/header/index.vue b/src/layouts/normal/header/index.vue
index c01f31f..2009e53 100644
--- a/src/layouts/normal/header/index.vue
+++ b/src/layouts/normal/header/index.vue
@@ -43,13 +43,13 @@
 </template>
 
 <script setup>
-import { UserAvatar, MenuCollapse, AppTab } from '@/layouts/components'
-import { useDark, useToggle, useFullscreen } from '@vueuse/core'
+import { useDark, useFullscreen, useToggle } from '@vueuse/core'
+import { AppTab, MenuCollapse, UserAvatar } from '@/layouts/components'
 import { useAppStore } from '@/store'
 
 const appStore = useAppStore()
 const isDark = useDark()
-const toggleDark = () => {
+function toggleDark() {
   appStore.toggleDark()
   useToggle(isDark)()
 }
diff --git a/src/layouts/normal/index.vue b/src/layouts/normal/index.vue
index 3617286..12fb6de 100644
--- a/src/layouts/normal/index.vue
+++ b/src/layouts/normal/index.vue
@@ -24,9 +24,9 @@
 </template>
 
 <script setup>
-import { useAppStore } from '@/store'
 import SideBar from './sidebar/index.vue'
 import AppHeader from './header/index.vue'
+import { useAppStore } from '@/store'
 
 const appStore = useAppStore()
 </script>
diff --git a/src/layouts/simple/index.vue b/src/layouts/simple/index.vue
index 09d64fc..ef192dd 100644
--- a/src/layouts/simple/index.vue
+++ b/src/layouts/simple/index.vue
@@ -23,8 +23,8 @@
 </template>
 
 <script setup>
-import { useAppStore } from '@/store'
 import SideBar from './sidebar/index.vue'
+import { useAppStore } from '@/store'
 
 const appStore = useAppStore()
 </script>
diff --git a/src/layouts/simple/sidebar/index.vue b/src/layouts/simple/sidebar/index.vue
index 4163670..27a7e6f 100644
--- a/src/layouts/simple/sidebar/index.vue
+++ b/src/layouts/simple/sidebar/index.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup>
-import { UserAvatar, MenuCollapse, SideLogo, SideMenu } from '@/layouts/components'
+import { MenuCollapse, SideLogo, SideMenu, UserAvatar } from '@/layouts/components'
 import { useAppStore } from '@/store'
 
 const appStore = useAppStore()
diff --git a/src/router/guards/page-title-guard.js b/src/router/guards/page-title-guard.js
index 96c1cf8..96042f6 100644
--- a/src/router/guards/page-title-guard.js
+++ b/src/router/guards/page-title-guard.js
@@ -13,7 +13,8 @@ export function createPageTitleGuard(router) {
     const pageTitle = to.meta?.title
     if (pageTitle) {
       document.title = `${pageTitle} | ${baseTitle}`
-    } else {
+    }
+    else {
       document.title = baseTitle
     }
   })
diff --git a/src/router/guards/permission-guard.js b/src/router/guards/permission-guard.js
index d4c3324..b317a08 100644
--- a/src/router/guards/permission-guard.js
+++ b/src/router/guards/permission-guard.js
@@ -18,13 +18,16 @@ export function createPermissionGuard(router) {
 
     /** 没有token */
     if (!token) {
-      if (WHITE_LIST.includes(to.path)) return true
+      if (WHITE_LIST.includes(to.path))
+        return true
       return { path: 'login', query: { ...to.query, redirect: to.path } }
     }
 
     // 有token的情况
-    if (to.path === '/login') return { path: '/' }
-    if (WHITE_LIST.includes(to.path)) return true
+    if (to.path === '/login')
+      return { path: '/' }
+    if (WHITE_LIST.includes(to.path))
+      return true
 
     const userStore = useUserStore()
     const permissionStore = usePermissionStore()
@@ -41,7 +44,8 @@ export function createPermissionGuard(router) {
     }
 
     const routes = router.getRoutes()
-    if (routes.find((route) => route.name === to.name)) return true
+    if (routes.find(route => route.name === to.name))
+      return true
 
     // 判断是无权限还是404
     const { data: hasMenu } = await api.validateMenuPath(to.path)
diff --git a/src/router/guards/tab-guard.js b/src/router/guards/tab-guard.js
index 0050455..e74b652 100644
--- a/src/router/guards/tab-guard.js
+++ b/src/router/guards/tab-guard.js
@@ -12,7 +12,8 @@ export const EXCLUDE_TAB = ['/404', '/403', '/login']
 
 export function createTabGuard(router) {
   router.afterEach((to) => {
-    if (EXCLUDE_TAB.includes(to.path)) return
+    if (EXCLUDE_TAB.includes(to.path))
+      return
     const tabStore = useTabStore()
     const { name, fullPath: path } = to
     const title = to.meta?.title
diff --git a/src/router/index.js b/src/router/index.js
index 6d07bed..994157b 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
+import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
 import { setupRouterGuards } from './guards'
 import { basicRoutes } from './basic-routes'
 
diff --git a/src/store/helper.js b/src/store/helper.js
index 3204405..dd8fd26 100644
--- a/src/store/helper.js
+++ b/src/store/helper.js
@@ -22,7 +22,8 @@ export async function getPermissions() {
   try {
     const res = await api.getRolePermissions()
     asyncPermissions = res?.data || []
-  } catch (error) {
+  }
+  catch (error) {
     console.error(error)
   }
   return basePermissions.concat(asyncPermissions)
diff --git a/src/store/modules/auth.js b/src/store/modules/auth.js
index 16f6164..aea8f0e 100644
--- a/src/store/modules/auth.js
+++ b/src/store/modules/auth.js
@@ -7,7 +7,7 @@
  **********************************/
 
 import { defineStore } from 'pinia'
-import { useUserStore, usePermissionStore, useTabStore, useRouterStore } from '@/store'
+import { usePermissionStore, useRouterStore, useTabStore, useUserStore } from '@/store'
 
 export const useAuthStore = defineStore('auth', {
   state: () => ({
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index 9052e94..b61a039 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -6,9 +6,9 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-import { isExternal } from '@/utils'
 import { hyphenate } from '@vueuse/core'
 import { defineStore } from 'pinia'
+import { isExternal } from '@/utils'
 
 export const usePermissionStore = defineStore('permission', {
   state: () => ({
@@ -20,15 +20,17 @@ export const usePermissionStore = defineStore('permission', {
     setPermissions(permissions) {
       this.permissions = permissions
       this.menus = this.permissions
-        .filter((item) => item.type === 'MENU')
-        .map((item) => this.getMenuItem(item))
-        .filter((item) => !!item)
+        .filter(item => item.type === 'MENU')
+        .map(item => this.getMenuItem(item))
+        .filter(item => !!item)
         .sort((a, b) => a.order - b.order)
     },
     getMenuItem(item, parent) {
       const route = this.generateRoute(item, item.show ? null : parent?.key)
-      if (item.enable && route.path && !route.path.startsWith('http')) this.accessRoutes.push(route)
-      if (!item.show) return null
+      if (item.enable && route.path && !route.path.startsWith('http'))
+        this.accessRoutes.push(route)
+      if (!item.show)
+        return null
       const menuItem = {
         label: route.meta.title,
         key: route.name,
@@ -37,18 +39,19 @@ export const usePermissionStore = defineStore('permission', {
         icon: () => h('i', { class: `${route.meta.icon} text-16` }),
         order: item.order ?? 0,
       }
-      const children = item.children?.filter((item) => item.type === 'MENU') || []
+      const children = item.children?.filter(item => item.type === 'MENU') || []
       if (children.length) {
         menuItem.children = children
-          .map((child) => this.getMenuItem(child, menuItem))
-          .filter((item) => !!item)
+          .map(child => this.getMenuItem(child, menuItem))
+          .filter(item => !!item)
           .sort((a, b) => a.order - b.order)
-        if (!menuItem.children.length) delete menuItem.children
+        if (!menuItem.children.length)
+          delete menuItem.children
       }
       return menuItem
     },
     generateRoute(item, parentKey) {
-      let originPath = undefined
+      let originPath
       if (isExternal(item.path)) {
         originPath = item.path
         item.component = '/src/views/iframe/index.vue'
@@ -61,14 +64,14 @@ export const usePermissionStore = defineStore('permission', {
         component: item.component,
         meta: {
           originPath,
-          icon: item.icon + '?mask',
+          icon: `${item.icon}?mask`,
           title: item.name,
           layout: item.layout,
           keepAlive: !!item.keepAlive,
           parentKey,
           btns: item.children
-            ?.filter((item) => item.type === 'BUTTON')
-            .map((item) => ({ code: item.code, name: item.name })),
+            ?.filter(item => item.type === 'BUTTON')
+            .map(item => ({ code: item.code, name: item.name })),
         },
       }
     },
diff --git a/src/store/modules/tab.js b/src/store/modules/tab.js
index ea4317f..12c5e46 100644
--- a/src/store/modules/tab.js
+++ b/src/store/modules/tab.js
@@ -17,7 +17,7 @@ export const useTabStore = defineStore('tab', {
   }),
   getters: {
     activeIndex() {
-      return this.tabs.findIndex((item) => item.path === this.activeTab)
+      return this.tabs.findIndex(item => item.path === this.activeTab)
     },
   },
   actions: {
@@ -29,19 +29,22 @@ export const useTabStore = defineStore('tab', {
       this.tabs = tabs
     },
     addTab(tab = {}) {
-      const findIndex = this.tabs.findIndex((item) => item.path === tab.path)
+      const findIndex = this.tabs.findIndex(item => item.path === tab.path)
       if (findIndex !== -1) {
         this.tabs.splice(findIndex, 1, tab)
-      } else {
+      }
+      else {
         this.setTabs([...this.tabs, tab])
       }
       this.setActiveTab(tab.path)
     },
     async reloadTab(path, keepAlive) {
-      const findItem = this.tabs.find((item) => item.path === path)
-      if (!findItem) return
+      const findItem = this.tabs.find(item => item.path === path)
+      if (!findItem)
+        return
       // 更新key可让keepAlive失效
-      if (keepAlive) findItem.keepAlive = false
+      if (keepAlive)
+        findItem.keepAlive = false
       $loadingBar.start()
       this.reloading = true
       await nextTick()
@@ -53,30 +56,30 @@ export const useTabStore = defineStore('tab', {
       }, 100)
     },
     async removeTab(path) {
-      this.setTabs(this.tabs.filter((tab) => tab.path !== path))
+      this.setTabs(this.tabs.filter(tab => tab.path !== path))
       if (path === this.activeTab) {
         useRouterStore().router?.push(this.tabs[this.tabs.length - 1].path)
       }
     },
     removeOther(curPath = this.activeTab) {
-      this.setTabs(this.tabs.filter((tab) => tab.path === curPath))
+      this.setTabs(this.tabs.filter(tab => tab.path === curPath))
       if (curPath !== this.activeTab) {
         useRouterStore().router?.push(this.tabs[this.tabs.length - 1].path)
       }
     },
     removeLeft(curPath) {
-      const curIndex = this.tabs.findIndex((item) => item.path === curPath)
+      const curIndex = this.tabs.findIndex(item => item.path === curPath)
       const filterTabs = this.tabs.filter((item, index) => index >= curIndex)
       this.setTabs(filterTabs)
-      if (!filterTabs.find((item) => item.path === this.activeTab)) {
+      if (!filterTabs.find(item => item.path === this.activeTab)) {
         useRouterStore().router?.push(filterTabs[filterTabs.length - 1].path)
       }
     },
     removeRight(curPath) {
-      const curIndex = this.tabs.findIndex((item) => item.path === curPath)
+      const curIndex = this.tabs.findIndex(item => item.path === curPath)
       const filterTabs = this.tabs.filter((item, index) => index <= curIndex)
       this.setTabs(filterTabs)
-      if (!filterTabs.find((item) => item.path === this.activeTab.value)) {
+      if (!filterTabs.find(item => item.path === this.activeTab.value)) {
         useRouterStore().router?.push(filterTabs[filterTabs.length - 1].path)
       }
     },
diff --git a/src/utils/common.js b/src/utils/common.js
index 4a887d1..eccf9e9 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -10,10 +10,10 @@
 import dayjs from 'dayjs'
 
 /**
- * @desc  格式化时间
- * @param {(Object|string|number)} time
+ * @param {(object | string | number)} time
  * @param {string} format
- * @returns {string | null}
+ * @returns {string | null} 格式化后的时间字符串
+ *
  */
 export function formatDateTime(time = undefined, format = 'YYYY-MM-DD HH:mm:ss') {
   return dayjs(time).format(format)
@@ -24,19 +24,19 @@ export function formatDate(date = undefined, format = 'YYYY-MM-DD') {
 }
 
 /**
- * @desc  函数节流
  * @param {Function} fn
- * @param {Number} wait
- * @returns {Function}
+ * @param {number} wait
+ * @returns {Function}  节流函数
+ *
  */
 export function throttle(fn, wait) {
-  var context, args
-  var previous = 0
+  let context, args
+  let previous = 0
 
-  return function () {
-    var now = +new Date()
+  return function (...argArr) {
+    const now = +new Date()
     context = this
-    args = arguments
+    args = argArr
     if (now - previous > wait) {
       fn.apply(context, args)
       previous = now
@@ -45,16 +45,15 @@ export function throttle(fn, wait) {
 }
 
 /**
- * @desc  函数防抖
- * @param {Function} func
+ * @param {Function} method
  * @param {number} wait
  * @param {boolean} immediate
- * @return {*}
+ * @return {*} 防抖函数
  */
 export function debounce(method, wait, immediate) {
   let timeout
   return function (...args) {
-    let context = this
+    const context = this
     if (timeout) {
       clearTimeout(timeout)
     }
@@ -64,14 +63,15 @@ export function debounce(method, wait, immediate) {
        * 如果定时器不存在，则立即执行，并设置一个定时器，wait毫秒后将定时器置为null
        * 这样确保立即执行后wait毫秒内不会被再次触发
        */
-      let callNow = !timeout
+      const callNow = !timeout
       timeout = setTimeout(() => {
         timeout = null
       }, wait)
       if (callNow) {
         method.apply(context, args)
       }
-    } else {
+    }
+    else {
       // 如果immediate为false，则函数wait毫秒后执行
       timeout = setTimeout(() => {
         /**
@@ -85,12 +85,11 @@ export function debounce(method, wait, immediate) {
 }
 
 /**
- * @desc  睡一会儿，让子弹暂停一下
  * @param {number} time 毫秒数
- * @returns
+ * @returns 睡一会儿，让子弹暂停一下
  */
 export function sleep(time) {
-  return new Promise((resolve) => setTimeout(resolve, time))
+  return new Promise(resolve => setTimeout(resolve, time))
 }
 
 /**
diff --git a/src/utils/http/helpers.js b/src/utils/http/helpers.js
index cc056f3..d5be638 100644
--- a/src/utils/http/helpers.js
+++ b/src/utils/http/helpers.js
@@ -13,7 +13,8 @@ let isConfirming = false
 export function resolveResError(code, message) {
   switch (code) {
     case 401:
-      if (isConfirming) return
+      if (isConfirming)
+        return
       isConfirming = true
       $dialog.confirm({
         title: '提示',
@@ -31,7 +32,8 @@ export function resolveResError(code, message) {
       return false
     case 11007:
     case 11008:
-      if (isConfirming) return
+      if (isConfirming)
+        return
       isConfirming = true
       $dialog.confirm({
         title: '提示',
diff --git a/src/utils/http/interceptors.js b/src/utils/http/interceptors.js
index 519a4bc..c265c9f 100644
--- a/src/utils/http/interceptors.js
+++ b/src/utils/http/interceptors.js
@@ -20,7 +20,7 @@ export function setupInterceptors(axiosInstance) {
     const { accessToken } = useAuthStore()
     if (accessToken) {
       // token: Bearer + xxx
-      config.headers.Authorization = 'Bearer ' + accessToken
+      config.headers.Authorization = `Bearer ${accessToken}`
     }
 
     return config
@@ -42,7 +42,7 @@ export function setupInterceptors(axiosInstance) {
       // 根据code处理对应的操作，并返回处理后的message
       const message = resolveResError(code, data?.message ?? statusText)
 
-      //需要错误提醒
+      // 需要错误提醒
       !config?.noNeedTip && message && window.$message?.error(message)
       return Promise.reject({ code, message, error: data ?? response })
     }
diff --git a/src/utils/is.js b/src/utils/is.js
index c4d76c3..6b9a814 100644
--- a/src/utils/is.js
+++ b/src/utils/is.js
@@ -99,28 +99,27 @@ export function isEmpty(val) {
 }
 
 /**
- * * 类似mysql的IFNULL函数
- * * 第一个参数为null/undefined/'' 则返回第二个参数作为备用值，否则返回第一个参数
- * @param {Number|Boolean|String} val
- * @param {Number|Boolean|String} def
- * @returns
+ * 类似mysql的IFNULL函数
+ *
+ * @param {number | boolean | string} val
+ * @param {number | boolean | string} def
+ * @returns 第一个参数为null | undefined | '' 则返回第二个参数作为备用值，否则返回第一个参数
  */
 export function ifNull(val, def = '') {
   return isNullOrWhitespace(val) ? def : val
 }
 
 export function isUrl(path) {
-  const reg =
-    /(((^https?:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)$/
+  const reg = /^https?:\/\/[-\w+&@#/%?=~|!:,.;]+[-\w+&@#/%=~|]$/
   return reg.test(path)
 }
 
 /**
  * @param {string} path
- * @returns {Boolean}
+ * @returns {boolean} 是否是外部链接
  */
 export function isExternal(path) {
-  return /^(https?:|mailto:|tel:)/.test(path)
+  return /^https?:|mailto:|tel:/.test(path)
 }
 
 export const isServer = typeof window === 'undefined'
diff --git a/src/utils/naiveTools.js b/src/utils/naiveTools.js
index b5edb79..20efe5e 100644
--- a/src/utils/naiveTools.js
+++ b/src/utils/naiveTools.js
@@ -16,7 +16,8 @@ export function setupMessage(NMessage) {
     static instance
     constructor() {
       // 单例模式
-      if (Message.instance) return Message.instance
+      if (Message.instance)
+        return Message.instance
       Message.instance = this
       this.message = {}
       this.removeTimer = {}
@@ -37,7 +38,7 @@ export function setupMessage(NMessage) {
 
     showMessage(type, content, option = {}) {
       if (Array.isArray(content)) {
-        return content.forEach((msg) => NMessage[type](msg, option))
+        return content.forEach(msg => NMessage[type](msg, option))
       }
 
       if (!option.key) {
@@ -48,7 +49,8 @@ export function setupMessage(NMessage) {
       if (currentMessage) {
         currentMessage.type = type
         currentMessage.content = content
-      } else {
+      }
+      else {
         this.message[option.key] = NMessage[type](content, {
           ...option,
           duration: 0,
@@ -109,7 +111,7 @@ export function setupNaiveDiscreteApi() {
   }))
   const { message, dialog, notification, loadingBar } = NaiveUI.createDiscreteApi(
     ['message', 'dialog', 'notification', 'loadingBar'],
-    { configProviderProps }
+    { configProviderProps },
   )
 
   window.$loadingBar = loadingBar
diff --git a/src/utils/storage/storage.js b/src/utils/storage/storage.js
index 85f0968..6741e07 100644
--- a/src/utils/storage/storage.js
+++ b/src/utils/storage/storage.js
@@ -35,7 +35,8 @@ class Storage {
 
   getItem(key, def = null) {
     const val = this.storage.getItem(this.getKey(key))
-    if (!val) return def
+    if (!val)
+      return def
     try {
       const data = JSON.parse(val)
       const { value, time, expire } = data
@@ -44,7 +45,8 @@ class Storage {
       }
       this.remove(key)
       return def
-    } catch (error) {
+    }
+    catch (error) {
       this.remove(key)
       return def
     }
diff --git a/src/views/base/index.vue b/src/views/base/index.vue
index fb11a2c..d768f38 100644
--- a/src/views/base/index.vue
+++ b/src/views/base/index.vue
@@ -12,12 +12,24 @@
       <n-card title="按钮 Button">
         <n-space>
           <n-button>Default</n-button>
-          <n-button type="tertiary">Tertiary</n-button>
-          <n-button type="primary">Primary</n-button>
-          <n-button type="info">Info</n-button>
-          <n-button type="success">Success</n-button>
-          <n-button type="warning">Warning</n-button>
-          <n-button type="error">Error</n-button>
+          <n-button type="tertiary">
+            Tertiary
+          </n-button>
+          <n-button type="primary">
+            Primary
+          </n-button>
+          <n-button type="info">
+            Info
+          </n-button>
+          <n-button type="success">
+            Success
+          </n-button>
+          <n-button type="warning">
+            Warning
+          </n-button>
+          <n-button type="error">
+            Error
+          </n-button>
         </n-space>
       </n-card>
 
@@ -46,10 +58,18 @@
     <n-space size="large" mt-30>
       <n-card min-w-340 title="通知 Notification">
         <n-space>
-          <n-button @click="notify('info')">信息</n-button>
-          <n-button @click="notify('success')">成功</n-button>
-          <n-button @click="notify('warning')">警告</n-button>
-          <n-button @click="notify('error')">错误</n-button>
+          <n-button @click="notify('info')">
+            信息
+          </n-button>
+          <n-button @click="notify('success')">
+            成功
+          </n-button>
+          <n-button @click="notify('warning')">
+            警告
+          </n-button>
+          <n-button @click="notify('error')">
+            错误
+          </n-button>
         </n-space>
       </n-card>
 
@@ -66,7 +86,9 @@
             <i v-show="!loading" class="i-mdi:login mr-4" />
             登录
           </n-button>
-          <n-button type="error" @click="handleMultiMessage">多个错误提醒</n-button>
+          <n-button type="error" @click="handleMultiMessage">
+            多个错误提醒
+          </n-button>
         </n-space>
       </n-card>
     </n-space>
@@ -75,6 +97,7 @@
 
 <script setup>
 import { sleep } from '@/utils'
+
 const handleDelete = function () {
   $dialog.confirm({
     content: '确认删除？',
diff --git a/src/views/base/keep-alive.vue b/src/views/base/keep-alive.vue
index 6d23694..b268b7b 100644
--- a/src/views/base/keep-alive.vue
+++ b/src/views/base/keep-alive.vue
@@ -11,7 +11,9 @@
     <div w-350>
       <n-input v-model:value="inputVal" />
       <n-input-number v-model:value="number" mt-30 />
-      <p mt-20 text-center text-14 color-gray>注：右击标签重新加载可重置keep-alive</p>
+      <p mt-20 text-center text-14 color-gray>
+        注：右击标签重新加载可重置keep-alive
+      </p>
     </div>
   </CommonPage>
 </template>
diff --git a/src/views/base/test-modal.vue b/src/views/base/test-modal.vue
index 4ec6ed7..2013550 100644
--- a/src/views/base/test-modal.vue
+++ b/src/views/base/test-modal.vue
@@ -8,7 +8,9 @@
 
 <template>
   <CommonPage show-footer>
-    <n-button type="primary" @click="openModal1">打开第一个弹个窗</n-button>
+    <n-button type="primary" @click="openModal1">
+      打开第一个弹个窗
+    </n-button>
     <MeModal ref="$modal1">
       <n-input v-model:value="text" />
     </MeModal>
diff --git a/src/views/base/unocss-icon.vue b/src/views/base/unocss-icon.vue
index a0b273a..205a2b4 100644
--- a/src/views/base/unocss-icon.vue
+++ b/src/views/base/unocss-icon.vue
@@ -9,7 +9,9 @@
 <template>
   <CommonPage show-footer>
     <template #title-suffix>
-      <n-tag class="ml-12" type="primary">feather图标集 + isme自定义图标</n-tag>
+      <n-tag class="ml-12" type="primary">
+        feather图标集 + isme自定义图标
+      </n-tag>
     </template>
     <ul class="flex flex-wrap justify-between">
       <li
@@ -18,7 +20,7 @@
         class="m-16 w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
         @click="copy(`&lt;i class=&quot;${item}&quot; /&gt;`)"
       >
-        <i :class="item + '?mask'" class="text-28 text-gray-600 hover:bg-primary" />
+        <i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" />
         <span
           class="mt-16 text-center text-14 text-gray-400 hover:color-primary"
           @click.stop="copy(item)"
@@ -26,13 +28,13 @@
           {{ item }}
         </span>
       </li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
-      <li class="mx-16 h-0 w-160"></li>
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
+      <li class="mx-16 h-0 w-160" />
     </ul>
   </CommonPage>
 </template>
diff --git a/src/views/demo/upload/index.vue b/src/views/demo/upload/index.vue
index 58705f4..9145dd7 100644
--- a/src/views/demo/upload/index.vue
+++ b/src/views/demo/upload/index.vue
@@ -18,7 +18,9 @@
       <n-upload-dragger>
         <div class="h-150 f-c-c flex-col">
           <i class="i-mdi:upload mb-12 text-68 color-primary" />
-          <n-text class="text-14 color-gray">点击或者拖动文件到该区域来上传</n-text>
+          <n-text class="text-14 color-gray">
+            点击或者拖动文件到该区域来上传
+          </n-text>
         </div>
       </n-upload-dragger>
     </n-upload>
@@ -31,7 +33,9 @@
               <n-image width="200" :src="item.url" />
             </div>
             <n-space class="mt-16" justify="space-evenly">
-              <n-button dashed type="primary" @click="copy(item.url)">url</n-button>
+              <n-button dashed type="primary" @click="copy(item.url)">
+                url
+              </n-button>
               <n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)">
                 MD
               </n-button>
@@ -53,6 +57,7 @@
 
 <script setup>
 import { useClipboard } from '@vueuse/core'
+
 defineOptions({ name: 'ImgUpload' })
 
 const { copy, copied } = useClipboard()
diff --git a/src/views/error-page/403.vue b/src/views/error-page/403.vue
index 4ea9ed5..880c3de 100644
--- a/src/views/error-page/403.vue
+++ b/src/views/error-page/403.vue
@@ -20,7 +20,9 @@
           <n-button v-if="back" type="primary" ghost @click="router.replace(back)">
             返回上一页
           </n-button>
-          <n-button type="primary" class="ml-20" @click="router.replace('/')">返回首页</n-button>
+          <n-button type="primary" class="ml-20" @click="router.replace('/')">
+            返回首页
+          </n-button>
         </template>
       </n-result>
     </div>
@@ -35,7 +37,8 @@ const back = history.state.back
 
 if (history.state.from === 'permission-guard') {
   delete history.state.from
-} else if (route.query.path) {
+}
+else if (route.query.path) {
   router.replace(route.query.path)
 }
 </script>
diff --git a/src/views/error-page/404.vue b/src/views/error-page/404.vue
index d455763..322aeeb 100644
--- a/src/views/error-page/404.vue
+++ b/src/views/error-page/404.vue
@@ -17,7 +17,9 @@
         size="large"
       >
         <template #footer>
-          <n-button type="primary" ghost @click="replace('/')">返回首页</n-button>
+          <n-button type="primary" ghost @click="replace('/')">
+            返回首页
+          </n-button>
         </template>
       </n-result>
     </div>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 7d780d5..3b5211d 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -20,8 +20,12 @@
           </div>
         </div>
 
-        <p class="mt-28 text-14 opacity-60">一个人几乎可以在任何他怀有无限热忱的事情上成功。</p>
-        <p class="mt-12 text-right text-12 opacity-40">—— 查尔斯·史考伯</p>
+        <p class="mt-28 text-14 opacity-60">
+          一个人几乎可以在任何他怀有无限热忱的事情上成功。
+        </p>
+        <p class="mt-12 text-right text-12 opacity-40">
+          —— 查尔斯·史考伯
+        </p>
       </n-card>
       <n-card class="ml-12 w-70%" title="✨ 欢迎使用 Vue Naive Admin 2.0">
         <template #header-extra>
@@ -156,13 +160,13 @@
 </template>
 
 <script setup>
-import { useUserStore } from '@/store'
 import * as echarts from 'echarts/core'
-import { TooltipComponent, GridComponent, LegendComponent } from 'echarts/components'
+import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components'
 import { BarChart, LineChart, PieChart } from 'echarts/charts'
 import { UniversalTransition } from 'echarts/features'
 import { CanvasRenderer } from 'echarts/renderers'
 import VChart from 'vue-echarts'
+import { useUserStore } from '@/store'
 
 const userStore = useUserStore()
 
diff --git a/src/views/iframe/index.vue b/src/views/iframe/index.vue
index 174d52c..8768865 100644
--- a/src/views/iframe/index.vue
+++ b/src/views/iframe/index.vue
@@ -1,6 +1,6 @@
 <template>
   <AppPage full>
-    <iframe :src="route.meta.originPath" frameborder="0" class="wh-full"></iframe>
+    <iframe :src="route.meta.originPath" frameborder="0" class="wh-full" />
   </AppPage>
 </template>
 
diff --git a/src/views/login/api.js b/src/views/login/api.js
index 15d9a2a..d363957 100644
--- a/src/views/login/api.js
+++ b/src/views/login/api.js
@@ -9,7 +9,7 @@
 import { request } from '@/utils'
 
 export default {
-  toggleRole: (data) => request.post('/auth/role/toggle', data),
-  login: (data) => request.post('/auth/login', data, { noNeedToken: true }),
+  toggleRole: data => request.post('/auth/role/toggle', data),
+  login: data => request.post('/auth/login', data, { noNeedToken: true }),
   getUser: () => request.get('/user/detail'),
 }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 06f4f80..b1ef364 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -12,12 +12,12 @@
       class="m-auto max-w-700 min-w-345 f-c-c rounded-8 bg-opacity-20 bg-cover p-12 card-shadow auto-bg"
     >
       <div class="hidden w-380 px-20 py-35 md:block">
-        <img src="@/assets/images/login_banner.webp" class="w-full" alt="login_banner" />
+        <img src="@/assets/images/login_banner.webp" class="w-full" alt="login_banner">
       </div>
 
       <div class="w-320 flex-col px-20 py-32">
         <h2 class="f-c-c text-24 text-#6a6a6a font-normal">
-          <img src="@/assets/images/logo.png" class="mr-12 h-50" />
+          <img src="@/assets/images/logo.png" class="mr-12 h-50">
           {{ title }}
         </h2>
         <n-input
@@ -64,7 +64,7 @@
             height="40"
             class="ml-12 w-80 cursor-pointer"
             @click="initCaptcha"
-          />
+          >
         </div>
 
         <n-checkbox
@@ -101,9 +101,9 @@
 </template>
 
 <script setup>
-import { throttle, lStorage } from '@/utils'
 import { useStorage } from '@vueuse/core'
 import api from './api'
+import { lStorage, throttle } from '@/utils'
 import { useAuthStore } from '@/store'
 
 const authStore = useAuthStore()
@@ -118,7 +118,7 @@ const loginInfo = ref({
 
 const captchaUrl = ref('')
 const initCaptcha = throttle(() => {
-  captchaUrl.value = import.meta.env.VITE_AXIOS_BASE_URL + '/auth/captcha?' + Date.now()
+  captchaUrl.value = `${import.meta.env.VITE_AXIOS_BASE_URL}/auth/captcha?${Date.now()}`
 }, 500)
 
 const localLoginInfo = lStorage.get('loginInfo')
@@ -138,19 +138,23 @@ const isRemember = useStorage('isRemember', true)
 const loading = ref(false)
 async function handleLogin(isQuick) {
   const { username, password, captcha } = loginInfo.value
-  if (!username || !password) return $message.warning('请输入用户名和密码')
-  if (!isQuick && !captcha) return $message.warning('请输入验证码')
+  if (!username || !password)
+    return $message.warning('请输入用户名和密码')
+  if (!isQuick && !captcha)
+    return $message.warning('请输入验证码')
   try {
     loading.value = true
     $message.loading('正在验证，请稍后...', { key: 'login' })
     const { data } = await api.login({ username, password: password.toString(), captcha, isQuick })
     if (isRemember.value) {
       lStorage.set('loginInfo', { username, password })
-    } else {
+    }
+    else {
       lStorage.remove('loginInfo')
     }
     onLoginSuccess(data)
-  } catch (error) {
+  }
+  catch (error) {
     // 10003为验证码错误专属业务码
     if (error?.code === 10003) {
       // 为防止爆破，验证码错误则刷新验证码
@@ -171,10 +175,12 @@ async function onLoginSuccess(data = {}) {
       const path = route.query.redirect
       delete route.query.redirect
       router.push({ path, query: route.query })
-    } else {
+    }
+    else {
       router.push('/')
     }
-  } catch (error) {
+  }
+  catch (error) {
     console.error(error)
     $message.destroy('login')
   }
diff --git a/src/views/pms/resource/api.js b/src/views/pms/resource/api.js
index 61d7d4d..4b60272 100644
--- a/src/views/pms/resource/api.js
+++ b/src/views/pms/resource/api.js
@@ -13,7 +13,7 @@ export default {
   getMenuTree: () => request.get('/permission/menu/tree'),
   getButtons: ({ parentId }) => request.get(`/permission/button/${parentId}`),
   getComponents: () => axios.get(`${import.meta.env.VITE_PUBLIC_PATH}components.json`),
-  addPermission: (data) => request.post('/permission', data),
+  addPermission: data => request.post('/permission', data),
   savePermission: (id, data) => request.patch(`/permission/${id}`, data),
-  deletePermission: (id) => request.delete(`permission/${id}`),
+  deletePermission: id => request.delete(`permission/${id}`),
 }
diff --git a/src/views/pms/resource/components/MenuTree.vue b/src/views/pms/resource/components/MenuTree.vue
index 70ed2e1..fb29b7a 100644
--- a/src/views/pms/resource/components/MenuTree.vue
+++ b/src/views/pms/resource/components/MenuTree.vue
@@ -12,10 +12,10 @@
       <h3>菜单</h3>
       <div class="flex">
         <n-input v-model:value="pattern" placeholder="搜索" clearable />
-        <n-button class="ml-12" type="primary" @click="handleAdd()">
+        <NButton class="ml-12" type="primary" @click="handleAdd()">
           <i class="i-material-symbols:add mr-4 text-14" />
           新增
-        </n-button>
+        </NButton>
       </div>
 
       <n-tree
@@ -28,8 +28,8 @@
         :on-update:selected-keys="onSelect"
         key-field="code"
         label-field="name"
-        block-line
-        default-expand-all
+
+        block-line default-expand-all
       />
     </n-space>
 
@@ -39,9 +39,9 @@
 
 <script setup>
 import { withModifiers } from 'vue'
-import ResAddOrEdit from './ResAddOrEdit.vue'
 import { NButton } from 'naive-ui'
 import api from '../api'
+import ResAddOrEdit from './ResAddOrEdit.vue'
 
 defineProps({
   treeData: {
@@ -86,7 +86,7 @@ function renderSuffix({ option }) {
         size: 'tiny',
         onClick: withModifiers(() => handleAdd({ parentId: option.id }), ['stop']),
       },
-      { default: () => '新增' }
+      { default: () => '新增' },
     ),
 
     h(
@@ -98,7 +98,7 @@ function renderSuffix({ option }) {
         style: 'margin-left: 12px;',
         onClick: withModifiers(() => handleDelete(option), ['stop']),
       },
-      { default: () => '删除' }
+      { default: () => '删除' },
     ),
   ]
 }
@@ -113,7 +113,8 @@ function handleDelete(item) {
         $message.success('删除成功', { key: 'deleteMenu' })
         emit('refresh')
         emit('update:currentMenu', null)
-      } catch (error) {
+      }
+      catch (error) {
         $message.destroy('deleteMenu')
       }
     },
diff --git a/src/views/pms/resource/components/ResAddOrEdit.vue b/src/views/pms/resource/components/ResAddOrEdit.vue
index b2cafeb..937de7e 100644
--- a/src/views/pms/resource/components/ResAddOrEdit.vue
+++ b/src/views/pms/resource/components/ResAddOrEdit.vue
@@ -99,8 +99,12 @@
             <QuestionLabel label="显示状态" content="控制是否在菜单栏显示，不影响路由注册" />
           </template>
           <n-switch v-model:value="modalForm.show">
-            <template #checked>显示</template>
-            <template #unchecked>隐藏</template>
+            <template #checked>
+              显示
+            </template>
+            <template #unchecked>
+              隐藏
+            </template>
           </n-switch>
         </n-form-item-gi>
         <n-form-item-gi :span="12" path="enable">
@@ -111,8 +115,12 @@
             />
           </template>
           <n-switch v-model:value="modalForm.enable">
-            <template #checked>启用</template>
-            <template #unchecked>禁用</template>
+            <template #checked>
+              启用
+            </template>
+            <template #unchecked>
+              禁用
+            </template>
           </n-switch>
         </n-form-item-gi>
         <n-form-item-gi v-if="modalForm.type === 'MENU'" :span="12" path="keepAlive">
@@ -123,8 +131,12 @@
             />
           </template>
           <n-switch v-model:value="modalForm.keepAlive">
-            <template #checked>是</template>
-            <template #unchecked>否</template>
+            <template #checked>
+              是
+            </template>
+            <template #unchecked>
+              否
+            </template>
           </n-switch>
         </n-form-item-gi>
         <n-form-item-gi
@@ -147,12 +159,12 @@
 </template>
 
 <script setup>
-import { MeModal } from '@/components'
-import QuestionLabel from './QuestionLabel.vue'
-import { useForm, useModal } from '@/composables'
-import api from '../api'
 import pagePathes from 'isme:page-pathes'
 import icons from 'isme:icons'
+import api from '../api'
+import QuestionLabel from './QuestionLabel.vue'
+import { MeModal } from '@/components'
+import { useForm, useModal } from '@/composables'
 
 const props = defineProps({
   menus: {
@@ -165,10 +177,10 @@ const emit = defineEmits(['refresh'])
 const menuOptions = computed(() => {
   return [{ name: '根菜单', id: '', children: props.menus || [] }]
 })
-const componentOptions = pagePathes.map((path) => ({ label: path, value: path }))
-const iconOptions = icons.map((item) => ({
+const componentOptions = pagePathes.map(path => ({ label: path, value: path }))
+const iconOptions = icons.map(item => ({
   label: () =>
-    h('span', { class: 'flex items-center' }, [h('i', { class: item + ' text-18 mr-8' }), item]),
+    h('span', { class: 'flex items-center' }, [h('i', { class: `${item} text-18 mr-8` }), item]),
   value: item,
 }))
 const layoutOptions = [
@@ -203,17 +215,20 @@ async function onSave() {
   okLoading.value = true
   try {
     let newFormData
-    if (!modalForm.value.parentId) modalForm.value.parentId = null
+    if (!modalForm.value.parentId)
+      modalForm.value.parentId = null
     if (modalAction.value === 'add') {
       const res = await api.addPermission(modalForm.value)
       newFormData = res.data
-    } else if (modalAction.value === 'edit') {
+    }
+    else if (modalAction.value === 'edit') {
       await api.savePermission(modalForm.value.id, modalForm.value)
     }
     okLoading.value = false
     $message.success('保存成功')
     emit('refresh', modalAction.value === 'add' ? newFormData : modalForm.value)
-  } catch (error) {
+  }
+  catch (error) {
     console.error(error)
     okLoading.value = false
     return false
diff --git a/src/views/pms/resource/index.vue b/src/views/pms/resource/index.vue
index 4255d63..084b6ff 100644
--- a/src/views/pms/resource/index.vue
+++ b/src/views/pms/resource/index.vue
@@ -21,15 +21,21 @@
       <div class="ml-40 w-0 flex-1">
         <template v-if="currentMenu">
           <div class="flex justify-between">
-            <h3 class="mb-12">{{ currentMenu.name }}</h3>
-            <n-button size="small" type="primary" @click="handleEdit(currentMenu)">
+            <h3 class="mb-12">
+              {{ currentMenu.name }}
+            </h3>
+            <NButton size="small" type="primary" @click="handleEdit(currentMenu)">
               <i class="i-material-symbols:edit-outline mr-4 text-14" />
               编辑
-            </n-button>
+            </NButton>
           </div>
           <n-descriptions label-placement="left" bordered :column="2">
-            <n-descriptions-item label="编码">{{ currentMenu.code }}</n-descriptions-item>
-            <n-descriptions-item label="名称">{{ currentMenu.name }}</n-descriptions-item>
+            <n-descriptions-item label="编码">
+              {{ currentMenu.code }}
+            </n-descriptions-item>
+            <n-descriptions-item label="名称">
+              {{ currentMenu.name }}
+            </n-descriptions-item>
             <n-descriptions-item label="路由地址">
               {{ currentMenu.path ?? '--' }}
             </n-descriptions-item>
@@ -61,11 +67,13 @@
           </n-descriptions>
 
           <div class="mt-32 flex justify-between">
-            <h3 class="mb-12">按钮</h3>
-            <n-button size="small" type="primary" @click="handleAddBtn">
+            <h3 class="mb-12">
+              按钮
+            </h3>
+            <NButton size="small" type="primary" @click="handleAddBtn">
               <i class="i-fe:plus mr-4 text-14" />
               新增
-            </n-button>
+            </NButton>
           </div>
 
           <MeCrud
@@ -74,7 +82,7 @@
             :scroll-x="-1"
             :get-data="api.getButtons"
             :query-items="{ parentId: currentMenu.id }"
-          ></MeCrud>
+          />
         </template>
         <n-empty v-else class="h-450 f-c-c" size="large" description="请选择菜单查看详情" />
       </div>
@@ -87,11 +95,13 @@
 import { NButton, NSwitch } from 'naive-ui'
 import MenuTree from './components/MenuTree.vue'
 import ResAddOrEdit from './components/ResAddOrEdit.vue'
-import { MeCrud } from '@/components'
 import api from './api'
+import { MeCrud } from '@/components'
 
 const treeData = ref([])
 const treeLoading = ref(false)
+const $table = ref(null)
+const currentMenu = ref(null)
 async function initData(data) {
   if (data?.type === 'BUTTON') {
     $table.value.handleSearch()
@@ -102,17 +112,16 @@ async function initData(data) {
   treeData.value = res?.data || []
   treeLoading.value = false
 
-  if (data) currentMenu.value = data
+  if (data)
+    currentMenu.value = data
 }
 initData()
 
-const currentMenu = ref(null)
-
 const modalRef = ref(null)
 function handleEdit(item = {}) {
   modalRef.value?.handleOpen({
     action: 'edit',
-    title: '编辑菜单 - ' + item.name,
+    title: `编辑菜单 - ${item.name}`,
     row: item,
     okText: '保存',
   })
@@ -124,7 +133,7 @@ const btnsColumns = [
   {
     title: '状态',
     key: 'enable',
-    render: (row) =>
+    render: row =>
       h(
         NSwitch,
         {
@@ -137,7 +146,7 @@ const btnsColumns = [
         {
           checked: () => '启用',
           unchecked: () => '停用',
-        }
+        },
       ),
   },
   {
@@ -159,7 +168,7 @@ const btnsColumns = [
           {
             default: () => '编辑',
             icon: () => h('i', { class: 'i-material-symbols:edit-outline text-14' }),
-          }
+          },
         ),
 
         h(
@@ -173,20 +182,20 @@ const btnsColumns = [
           {
             default: () => '删除',
             icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
-          }
+          },
         ),
       ]
     },
   },
 ]
-const $table = ref(null)
 
 watch(
   () => currentMenu.value,
   async (v) => {
     await nextTick()
-    if (v) $table.value.handleSearch()
-  }
+    if (v)
+      $table.value.handleSearch()
+  },
 )
 
 function handleAddBtn() {
@@ -201,7 +210,7 @@ function handleAddBtn() {
 function handleEditBtn(row) {
   modalRef.value?.handleOpen({
     action: 'edit',
-    title: '编辑按钮 - ' + row.name,
+    title: `编辑按钮 - ${row.name}`,
     row,
     okText: '保存',
   })
@@ -220,7 +229,8 @@ function handleDeleteBtn(id) {
         $message.success('删除成功')
         $table.value.handleSearch()
         d.loading = false
-      } catch (error) {
+      }
+      catch (error) {
         d.loading = false
       }
     },
@@ -236,7 +246,8 @@ async function handleEnable(item) {
     $message.success('操作成功')
     $table.value?.handleSearch()
     item.enableLoading = false
-  } catch (error) {
+  }
+  catch (error) {
     item.enableLoading = false
   }
 }
diff --git a/src/views/pms/role/api.js b/src/views/pms/role/api.js
index 01741fd..d18d97c 100644
--- a/src/views/pms/role/api.js
+++ b/src/views/pms/role/api.js
@@ -9,10 +9,10 @@
 import { request } from '@/utils'
 
 export default {
-  create: (data) => request.post('/role', data),
+  create: data => request.post('/role', data),
   read: (params = {}) => request.get('/role/page', { params }),
-  update: (data) => request.patch(`/role/${data.id}`, data),
-  delete: (id) => request.delete(`/role/${id}`),
+  update: data => request.patch(`/role/${data.id}`, data),
+  delete: id => request.delete(`/role/${id}`),
 
   getAllPermissionTree: () => request.get('/permission/tree'),
   getAllUsers: (params = {}) => request.get('/user', { params }),
diff --git a/src/views/pms/role/index.vue b/src/views/pms/role/index.vue
index 6e590bc..a3ede8d 100644
--- a/src/views/pms/role/index.vue
+++ b/src/views/pms/role/index.vue
@@ -9,10 +9,10 @@
 <template>
   <CommonPage>
     <template #action>
-      <n-button type="primary" @click="handleAdd()">
+      <NButton type="primary" @click="handleAdd()">
         <i class="i-material-symbols:add mr-4 text-18" />
         新增角色
-      </n-button>
+      </NButton>
     </template>
 
     <MeCrud
@@ -74,17 +74,20 @@
             :data="permissionTree"
             :checked-keys="modalForm.permissionIds"
             :on-update:checked-keys="(keys) => (modalForm.permissionIds = keys)"
-            default-expand-all
-            checkable
-            check-on-click
+
+            default-expand-all checkable check-on-click
             class="cus-scroll max-h-200 w-full"
           />
         </n-form-item>
         <n-form-item label="状态" path="enable">
-          <n-switch v-model:value="modalForm.enable">
-            <template #checked>启用</template>
-            <template #unchecked>停用</template>
-          </n-switch>
+          <NSwitch v-model:value="modalForm.enable">
+            <template #checked>
+              启用
+            </template>
+            <template #unchecked>
+              停用
+            </template>
+          </NSwitch>
         </n-form-item>
       </n-form>
     </MeModal>
@@ -93,9 +96,9 @@
 
 <script setup>
 import { NButton, NSwitch } from 'naive-ui'
-import { MeCrud, MeQueryItem, MeModal } from '@/components'
-import { useCrud } from '@/composables'
 import api from './api'
+import { MeCrud, MeModal, MeQueryItem } from '@/components'
+import { useCrud } from '@/composables'
 
 defineOptions({ name: 'RoleMgt' })
 
@@ -109,13 +112,23 @@ onMounted(() => {
   $table.value?.handleSearch()
 })
 
+const { modalRef, modalFormRef, modalAction, modalForm, handleAdd, handleDelete, handleEdit }
+  = useCrud({
+    name: '角色',
+    doCreate: api.create,
+    doDelete: api.delete,
+    doUpdate: api.update,
+    initForm: { enable: true },
+    refresh: () => $table.value?.handleSearch(),
+  })
+
 const columns = [
   { title: '角色名', key: 'name' },
   { title: '角色编码', key: 'code' },
   {
     title: '状态',
     key: 'enable',
-    render: (row) =>
+    render: row =>
       h(
         NSwitch,
         {
@@ -129,7 +142,7 @@ const columns = [
         {
           checked: () => '启用',
           unchecked: () => '停用',
-        }
+        },
       ),
   },
   {
@@ -152,7 +165,7 @@ const columns = [
           {
             default: () => '分配用户',
             icon: () => h('i', { class: 'i-fe:user-plus text-14' }),
-          }
+          },
         ),
         h(
           NButton,
@@ -166,7 +179,7 @@ const columns = [
           {
             default: () => '编辑',
             icon: () => h('i', { class: 'i-material-symbols:edit-outline text-14' }),
-          }
+          },
         ),
 
         h(
@@ -181,7 +194,7 @@ const columns = [
           {
             default: () => '删除',
             icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
-          }
+          },
         ),
       ]
     },
@@ -195,21 +208,12 @@ async function handleEnable(row) {
     row.enableLoading = false
     $message.success('操作成功')
     $table.value?.handleSearch()
-  } catch (error) {
+  }
+  catch (error) {
     row.enableLoading = false
   }
 }
 
-const { modalRef, modalFormRef, modalAction, modalForm, handleAdd, handleDelete, handleEdit } =
-  useCrud({
-    name: '角色',
-    doCreate: api.create,
-    doDelete: api.delete,
-    doUpdate: api.update,
-    initForm: { enable: true },
-    refresh: () => $table.value?.handleSearch(),
-  })
-
 const permissionTree = ref([])
 api.getAllPermissionTree().then(({ data = [] }) => (permissionTree.value = data))
 </script>
diff --git a/src/views/pms/role/role-user.vue b/src/views/pms/role/role-user.vue
index d38408a..1773b5d 100644
--- a/src/views/pms/role/role-user.vue
+++ b/src/views/pms/role/role-user.vue
@@ -9,15 +9,17 @@
 <template>
   <CommonPage back>
     <template #title-suffix>
-      <n-tag class="ml-12" type="warning">{{ route.query.roleName }}</n-tag>
+      <NTag class="ml-12" type="warning">
+        {{ route.query.roleName }}
+      </NTag>
     </template>
     <template #action>
       <div class="flex items-center">
-        <n-button :disabled="!userIds.length" type="error" @click="handleBatchRemove()">
+        <NButton :disabled="!userIds.length" type="error" @click="handleBatchRemove()">
           <i v-if="userIds.length" class="i-material-symbols:delete-outline mr-4 text-18" />
           批量取消授权
-        </n-button>
-        <n-button
+        </NButton>
+        <NButton
           class="ml-12"
           :disabled="!userIds.length"
           type="primary"
@@ -25,7 +27,7 @@
         >
           <i v-if="userIds.length" class="i-line-md:confirm-circle mr-4 text-18" />
           批量授权
-        </n-button>
+        </NButton>
       </div>
     </template>
 
@@ -66,10 +68,10 @@
 
 <script setup>
 import { NAvatar, NButton, NSwitch, NTag } from 'naive-ui'
+import { h } from 'vue'
+import api from './api'
 import { MeCrud, MeQueryItem } from '@/components'
 import { formatDateTime } from '@/utils'
-import api from './api'
-import { h } from 'vue'
 
 defineOptions({ name: 'RoleUser' })
 const route = useRoute()
@@ -111,8 +113,8 @@ const columns = [
           h(
             NTag,
             { type: 'success', style: index > 0 ? 'margin-left: 8px;' : '' },
-            { default: () => item.name }
-          )
+            { default: () => item.name },
+          ),
         )
       }
       return '暂无角色'
@@ -122,14 +124,14 @@ const columns = [
     title: '性别',
     key: 'gender',
     width: 80,
-    render: ({ gender }) => genders.find((item) => gender === item.value)?.label ?? '',
+    render: ({ gender }) => genders.find(item => gender === item.value)?.label ?? '',
   },
   {
     title: '创建时间',
     key: 'createDate',
     width: 180,
     render(row) {
-      return h('span', formatDateTime(row['createTime']))
+      return h('span', formatDateTime(row.createTime))
     },
   },
   {
@@ -137,7 +139,7 @@ const columns = [
     key: 'enable',
     width: 100,
 
-    render: (row) =>
+    render: row =>
       h(
         NSwitch,
         {
@@ -148,7 +150,7 @@ const columns = [
         {
           checked: () => '启用',
           unchecked: () => '停用',
-        }
+        },
       ),
   },
   {
@@ -159,33 +161,33 @@ const columns = [
     fixed: 'right',
     hideInExcel: true,
     render(row) {
-      return row.roles?.some((item) => item.id === +route.params.roleId)
+      return row.roles?.some(item => item.id === +route.params.roleId)
         ? h(
-            NButton,
-            {
-              size: 'small',
-              type: 'error',
-              secondary: true,
-              onClick: () => handleBatchRemove([row.id]),
-            },
-            {
-              default: () => '取消授权',
-              icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
-            }
-          )
+          NButton,
+          {
+            size: 'small',
+            type: 'error',
+            secondary: true,
+            onClick: () => handleBatchRemove([row.id]),
+          },
+          {
+            default: () => '取消授权',
+            icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
+          },
+        )
         : h(
-            NButton,
-            {
-              size: 'small',
-              type: 'primary',
-              secondary: true,
-              onClick: () => handleBatchAdd([row.id]),
-            },
-            {
-              default: () => '授权',
-              icon: () => h('i', { class: 'i-line-md:confirm-circle text-14' }),
-            }
-          )
+          NButton,
+          {
+            size: 'small',
+            type: 'primary',
+            secondary: true,
+            onClick: () => handleBatchAdd([row.id]),
+          },
+          {
+            default: () => '授权',
+            icon: () => h('i', { class: 'i-line-md:confirm-circle text-14' }),
+          },
+        )
     },
   },
 ]
@@ -197,8 +199,10 @@ function onChecked(rowKeys) {
 
 function handleBatchAdd(ids = userIds.value) {
   const roleId = route.params.roleId
-  if (!roleId) return $message.error('角色异常，请重新选择角色')
-  if (!ids.length) return $message.error('请先选择用户')
+  if (!roleId)
+    return $message.error('角色异常，请重新选择角色')
+  if (!ids.length)
+    return $message.error('请先选择用户')
   $dialog.confirm({
     content: `确认分配【${route.query.roleName}】？`,
     async confirm() {
@@ -209,8 +213,10 @@ function handleBatchAdd(ids = userIds.value) {
 }
 function handleBatchRemove(ids = userIds.value) {
   const roleId = route.params.roleId
-  if (!roleId) return $message.error('角色异常，请重新选择角色')
-  if (!ids.length) return $message.error('请先选择用户')
+  if (!roleId)
+    return $message.error('角色异常，请重新选择角色')
+  if (!ids.length)
+    return $message.error('请先选择用户')
   $dialog.confirm({
     content: `确认取消分配【${route.query.roleName}】？`,
     async confirm() {
diff --git a/src/views/pms/user/api.js b/src/views/pms/user/api.js
index 24a9792..70a0630 100644
--- a/src/views/pms/user/api.js
+++ b/src/views/pms/user/api.js
@@ -9,10 +9,10 @@
 import { request } from '@/utils'
 
 export default {
-  create: (data) => request.post('/user', data),
+  create: data => request.post('/user', data),
   read: (params = {}) => request.get('/user', { params }),
-  update: (data) => request.patch(`/user/${data.id}`, data),
-  delete: (id) => request.delete(`/user/${id}`),
+  update: data => request.patch(`/user/${data.id}`, data),
+  delete: id => request.delete(`/user/${id}`),
   resetPwd: (id, data) => request.patch(`/user/password/reset/${id}`, data),
 
   getAllRoles: () => request.get('/role?enable=1'),
diff --git a/src/views/pms/user/index.vue b/src/views/pms/user/index.vue
index a103057..d09e82b 100644
--- a/src/views/pms/user/index.vue
+++ b/src/views/pms/user/index.vue
@@ -9,10 +9,10 @@
 <template>
   <CommonPage>
     <template #action>
-      <n-button v-permission="'AddUser'" type="primary" @click="handleAdd()">
+      <NButton v-permission="'AddUser'" type="primary" @click="handleAdd()">
         <i class="i-material-symbols:add mr-4 text-18" />
         创建新用户
-      </n-button>
+      </NButton>
     </template>
 
     <MeCrud
@@ -92,10 +92,14 @@
           />
         </n-form-item>
         <n-form-item v-if="modalAction === 'add'" label="状态" path="enable">
-          <n-switch v-model:value="modalForm.enable">
-            <template #checked>启用</template>
-            <template #unchecked>停用</template>
-          </n-switch>
+          <NSwitch v-model:value="modalForm.enable">
+            <template #checked>
+              启用
+            </template>
+            <template #unchecked>
+              停用
+            </template>
+          </NSwitch>
         </n-form-item>
       </n-form>
       <n-alert v-if="modalAction === 'add'" type="warning" closable>
@@ -107,10 +111,10 @@
 
 <script setup>
 import { NAvatar, NButton, NSwitch, NTag } from 'naive-ui'
-import { formatDateTime } from '@/utils'
-import { MeCrud, MeQueryItem, MeModal } from '@/components'
-import { useCrud } from '@/composables'
 import api from './api'
+import { formatDateTime } from '@/utils'
+import { MeCrud, MeModal, MeQueryItem } from '@/components'
+import { useCrud } from '@/composables'
 
 defineOptions({ name: 'UserMgt' })
 
@@ -129,6 +133,24 @@ const genders = [
 const roles = ref([])
 api.getAllRoles().then(({ data = [] }) => (roles.value = data))
 
+const {
+  modalRef,
+  modalFormRef,
+  modalForm,
+  modalAction,
+  handleAdd,
+  handleDelete,
+  handleOpen,
+  handleSave,
+} = useCrud({
+  name: '用户',
+  initForm: { enable: true },
+  doCreate: api.create,
+  doDelete: api.delete,
+  doUpdate: api.update,
+  refresh: () => $table.value?.handleSearch(),
+})
+
 const columns = [
   {
     title: '头像',
@@ -152,8 +174,8 @@ const columns = [
           h(
             NTag,
             { type: 'success', style: index > 0 ? 'margin-left: 8px;' : '' },
-            { default: () => item.name }
-          )
+            { default: () => item.name },
+          ),
         )
       }
       return '暂无角色'
@@ -163,7 +185,7 @@ const columns = [
     title: '性别',
     key: 'gender',
     width: 80,
-    render: ({ gender }) => genders.find((item) => gender === item.value)?.label ?? '',
+    render: ({ gender }) => genders.find(item => gender === item.value)?.label ?? '',
   },
   { title: '邮箱', key: 'email', width: 150, ellipsis: { tooltip: true } },
   {
@@ -171,14 +193,14 @@ const columns = [
     key: 'createDate',
     width: 180,
     render(row) {
-      return h('span', formatDateTime(row['createTime']))
+      return h('span', formatDateTime(row.createTime))
     },
   },
   {
     title: '状态',
     key: 'enable',
     width: 120,
-    render: (row) =>
+    render: row =>
       h(
         NSwitch,
         {
@@ -191,7 +213,7 @@ const columns = [
         {
           checked: () => '启用',
           unchecked: () => '停用',
-        }
+        },
       ),
   },
   {
@@ -214,7 +236,7 @@ const columns = [
           {
             default: () => '分配角色',
             icon: () => h('i', { class: 'i-carbon:user-role text-14' }),
-          }
+          },
         ),
         h(
           NButton,
@@ -227,7 +249,7 @@ const columns = [
           {
             default: () => '重置密码',
             icon: () => h('i', { class: 'i-radix-icons:reset text-14' }),
-          }
+          },
         ),
 
         h(
@@ -241,7 +263,7 @@ const columns = [
           {
             default: () => '删除',
             icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
-          }
+          },
         ),
       ]
     },
@@ -255,13 +277,14 @@ async function handleEnable(row) {
     row.enableLoading = false
     $message.success('操作成功')
     $table.value?.handleSearch()
-  } catch (error) {
+  }
+  catch (error) {
     row.enableLoading = false
   }
 }
 
 function handleOpenRolesSet(row) {
-  const roleIds = row.roles.map((item) => item.id)
+  const roleIds = row.roles.map(item => item.id)
   handleOpen({
     action: 'setRole',
     title: '分配角色',
@@ -270,31 +293,14 @@ function handleOpenRolesSet(row) {
   })
 }
 
-const {
-  modalRef,
-  modalFormRef,
-  modalForm,
-  modalAction,
-  handleAdd,
-  handleDelete,
-  handleOpen,
-  handleSave,
-} = useCrud({
-  name: '用户',
-  initForm: { enable: true },
-  doCreate: api.create,
-  doDelete: api.delete,
-  doUpdate: api.update,
-  refresh: () => $table.value?.handleSearch(),
-})
-
 function onSave() {
   if (modalAction.value === 'setRole') {
     return handleSave({
       api: () => api.update(modalForm.value),
       cb: () => $message.success('分配成功'),
     })
-  } else if (modalAction.value === 'reset') {
+  }
+  else if (modalAction.value === 'reset') {
     return handleSave({
       api: () => api.resetPwd(modalForm.value.id, modalForm.value),
       cb: () => $message.success('密码重置成功'),
diff --git a/src/views/profile/api.js b/src/views/profile/api.js
index 98849fe..f091b8e 100644
--- a/src/views/profile/api.js
+++ b/src/views/profile/api.js
@@ -9,6 +9,6 @@
 import { request } from '@/utils'
 
 export default {
-  changePassword: (data) => request.post('/auth/password', data),
-  updateProfile: (data) => request.patch(`/user/profile/${data.id}`, data),
+  changePassword: data => request.post('/auth/password', data),
+  updateProfile: data => request.patch(`/user/profile/${data.id}`, data),
 }
diff --git a/src/views/profile/index.vue b/src/views/profile/index.vue
index 4a81ce6..23d6b2a 100644
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -21,7 +21,9 @@
             </n-button>
           </div>
           <div class="mt-16 flex items-center">
-            <n-button type="primary" ghost @click="avatarModalRef.open()">更改头像</n-button>
+            <n-button type="primary" ghost @click="avatarModalRef.open()">
+              更改头像
+            </n-button>
             <span class="ml-12 opacity-60">
               修改头像只支持在线链接，不提供上传图片功能，如有需要可自行对接！
             </span>
@@ -44,12 +46,18 @@
         :column="1"
         bordered
       >
-        <n-descriptions-item label="昵称">{{ userStore.nickName }}</n-descriptions-item>
+        <n-descriptions-item label="昵称">
+          {{ userStore.nickName }}
+        </n-descriptions-item>
         <n-descriptions-item label="性别">
           {{ genders.find((item) => item.value === userStore.userInfo?.gender)?.label ?? '未知' }}
         </n-descriptions-item>
-        <n-descriptions-item label="地址">{{ userStore.userInfo?.address }}</n-descriptions-item>
-        <n-descriptions-item label="邮箱">{{ userStore.userInfo?.email }}</n-descriptions-item>
+        <n-descriptions-item label="地址">
+          {{ userStore.userInfo?.address }}
+        </n-descriptions-item>
+        <n-descriptions-item label="邮箱">
+          {{ userStore.userInfo?.email }}
+        </n-descriptions-item>
       </n-descriptions>
     </n-card>
 
@@ -97,11 +105,11 @@
 </template>
 
 <script setup>
+import api from './api'
 import { MeModal } from '@/components'
 import { useForm, useModal } from '@/composables'
 import { useUserStore } from '@/store'
 import { getUserInfo } from '@/store/helper'
-import api from './api'
 
 const userStore = useUserStore()
 const required = {
diff --git a/uno.config.js b/uno.config.js
index 7237939..177883b 100644
--- a/uno.config.js
+++ b/uno.config.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-import { defineConfig, presetUno, presetIcons, presetAttributify } from 'unocss'
+import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss'
 import presetRemToPx from '@unocss/preset-rem-to-px'
 import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
 import { getIcons } from './build'
@@ -29,7 +29,7 @@ export default defineConfig({
     }),
     presetRemToPx({ baseFontSize: 4 }),
   ],
-  safelist: icons.map((icon) => `${icon} ${icon}?mask`.split(' ')).flat(),
+  safelist: icons.map(icon => `${icon} ${icon}?mask`.split(' ')).flat(),
   shortcuts: [
     ['wh-full', 'w-full h-full'],
     ['f-c-c', 'flex justify-center items-center'],
diff --git a/vite.config.js b/vite.config.js
index 708008c..d847e83 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,7 +6,7 @@
  * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
  **********************************/
 
-import path from 'path'
+import path from 'node:path'
 import { defineConfig, loadEnv } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import VueDevTools from 'vite-plugin-vue-devtools'
@@ -15,7 +15,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
 import removeNoMatch from 'vite-plugin-router-warn'
-import { pluginPagePathes, pluginIcons } from './build/plugin-isme'
+import { pluginIcons, pluginPagePathes } from './build/plugin-isme'
 
 export default defineConfig(({ mode }) => {
   const viteEnv = loadEnv(mode, process.cwd())
@@ -56,7 +56,7 @@ export default defineConfig(({ mode }) => {
         '/api': {
           target: VITE_PROXY_TARGET,
           changeOrigin: true,
-          rewrite: (path) => path.replace(new RegExp('^/api'), ''),
+          rewrite: path => path.replace(/^\/api/, ''),
           secure: false,
           configure: (proxy, options) => {
             // 配置此项可在响应头中看到请求的真实地址