diff --git a/package.json b/package.json
index 86ceffcfac533f8b02499182517637c5b0559299..a6dc6bcc50661cfde538066aeda697173466c779 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,6 @@
     "unplugin-auto-import": "0.17.5",
     "unplugin-icons": "0.18.5",
     "unplugin-vue-components": "28.0.0",
-    "unplugin-vue-setup-extend-plus": "1.0.1",
     "vite": "5.4.11",
     "vite-plugin-compression": "0.5.1",
     "vite-plugin-svg-icons-ng": "1.0.2",
diff --git a/src/components/BuildCode/render.vue b/src/components/BuildCode/render.vue
index aeb9312bdc766422b57876a2fb4b7dd61d3dff4b..e78ab33b910b7c6f4e531ae77beccbbf81c1707f 100644
--- a/src/components/BuildCode/render.vue
+++ b/src/components/BuildCode/render.vue
@@ -5,7 +5,8 @@
 </template>
 
 <!-- 动态表单渲染 -->
-<script setup name="Render" lang="ts">
+<script setup lang="ts">
+defineOptions({ name: 'Render' });
 interface Props {
   formJson: string | object;
   formData: string | object;
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index f615f61c8686b51bca82233bbd4308cfbe2039df..df7568c346dd914f99254d14efa2fdd64708e48e 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -14,7 +14,8 @@
   </div>
 </template>
 
-<script setup name="Pagination" lang="ts">
+<script setup lang="ts">
+defineOptions({ name: 'Pagination' });
 import { scrollTo } from '@/utils/scroll-to';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 1d8025d0697ba64025c0669605c2f3041bf72256..1743b30d15fbeb2e8ee547459b4575bb78985c4d 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -14,11 +14,11 @@
   </section>
 </template>
 
-<script setup name="AppMain" lang="ts">
+<script setup lang="ts">
 import useSettingsStore from '@/store/modules/settings';
 import useTagsViewStore from '@/store/modules/tagsView';
-
 import IframeToggle from './IframeToggle/index.vue';
+defineOptions({ name: 'AppMain' });
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const route = useRoute();
 const tagsViewStore = useTagsViewStore();
@@ -40,16 +40,16 @@ watch(
 );
 
 onMounted(() => {
-  addIframe()
-})
+  addIframe();
+});
 
 watchEffect((route) => {
-  addIframe()
-})
+  addIframe();
+});
 
 function addIframe() {
   if (route.meta.link) {
-    useTagsViewStore().addIframeView(route)
+    useTagsViewStore().addIframeView(route);
   }
 }
 </script>
diff --git a/src/views/demo/demo/index.vue b/src/views/demo/demo/index.vue
index da1bc1670821c4b5458f871655d5a386e37289e9..182aa24100a523c2f1984b000605099aa0a5c5a3 100644
--- a/src/views/demo/demo/index.vue
+++ b/src/views/demo/demo/index.vue
@@ -100,9 +100,10 @@
   </div>
 </template>
 
-<script setup name="Demo" lang="ts">
+<script setup lang="ts">
 import { listDemo, getDemo, delDemo, addDemo, updateDemo } from '@/api/demo/demo';
 import { DemoVO, DemoQuery, DemoForm } from '@/api/demo/demo/types';
+defineOptions({ name: 'Demo' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
diff --git a/src/views/demo/tree/index.vue b/src/views/demo/tree/index.vue
index 566d0719c606a9a164f7f40dfa475afed5004f3b..c234a98361de041dcca74577645abc36e533cd59 100644
--- a/src/views/demo/tree/index.vue
+++ b/src/views/demo/tree/index.vue
@@ -88,9 +88,10 @@
   </div>
 </template>
 
-<script setup name="Tree" lang="ts">
+<script setup lang="ts">
 import { listTree, getTree, delTree, addTree, updateTree } from '@/api/demo/tree';
 import { TreeVO, TreeQuery, TreeForm } from '@/api/demo/tree/types';
+defineOptions({ name: 'Tree' });
 
 type TreeOption = {
   id: number;
diff --git a/src/views/index.vue b/src/views/index.vue
index 9a51200aa489f46d1d649966e23a31d871fbfbae..aad67236adeb80517bd6766af0d43dca71c47e04 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -94,7 +94,8 @@
   </div>
 </template>
 
-<script setup name="Index" lang="ts">
+<script setup lang="ts">
+defineOptions({ name: 'Index' });
 const goTarget = (url: string) => {
   window.open(url, '__blank');
 };
diff --git a/src/views/monitor/cache/index.vue b/src/views/monitor/cache/index.vue
index f8945863cda5e609cb9486e598d2b212d7a9d91f..2bc01c343489034c4b579599be0690ebca0d0fac 100644
--- a/src/views/monitor/cache/index.vue
+++ b/src/views/monitor/cache/index.vue
@@ -123,10 +123,11 @@
   </div>
 </template>
 
-<script setup name="Cache" lang="ts">
+<script setup lang="ts">
 import { getCache } from '@/api/monitor/cache';
 import * as echarts from 'echarts';
 import { CacheVO } from '@/api/monitor/cache/types';
+defineOptions({ name: 'Cache' });
 
 const cache = ref<Partial<CacheVO>>({});
 const commandstats = ref();
diff --git a/src/views/monitor/logininfor/index.vue b/src/views/monitor/logininfor/index.vue
index d9145446cf7acd76e93989df96a0daf84a81d7bb..31e6d6f5606d6d7a9b57c0c8468fdabf4e251878 100644
--- a/src/views/monitor/logininfor/index.vue
+++ b/src/views/monitor/logininfor/index.vue
@@ -104,9 +104,10 @@
   </div>
 </template>
 
-<script setup name="Logininfor" lang="ts">
+<script setup lang="ts">
 import { list, delLoginInfo, cleanLoginInfo, unlockLoginInfo } from '@/api/monitor/loginInfo';
 import { LoginInfoQuery, LoginInfoVO } from '@/api/monitor/loginInfo/types';
+defineOptions({ name: 'Logininfor' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_device_type } = toRefs<any>(proxy?.useDict('sys_device_type'));
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 7a58bb7e6cc598df7b0f8a9fcbdf2dae029c350f..f68969d0831adf6e2c80badae279b063d07caf7f 100644
--- a/src/views/monitor/online/index.vue
+++ b/src/views/monitor/online/index.vue
@@ -60,11 +60,12 @@
   </div>
 </template>
 
-<script setup name="Online" lang="ts">
+<script setup lang="ts">
 import { forceLogout, list as initData } from '@/api/monitor/online';
 import { OnlineQuery, OnlineVO } from '@/api/monitor/online/types';
 import api from '@/api/system/user';
 import { to } from 'await-to-js';
+defineOptions({ name: 'Online' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_device_type } = toRefs<any>(proxy?.useDict('sys_device_type'));
diff --git a/src/views/monitor/operlog/index.vue b/src/views/monitor/operlog/index.vue
index 0c64af4d85153548685af930c16faa7e03af824f..7eeaa427fe089e6125f0d9adc304cd0e750b3475 100644
--- a/src/views/monitor/operlog/index.vue
+++ b/src/views/monitor/operlog/index.vue
@@ -127,10 +127,11 @@
   </div>
 </template>
 
-<script setup name="Operlog" lang="ts">
+<script setup lang="ts">
 import { list, delOperlog, cleanOperlog } from '@/api/monitor/operlog';
 import { OperLogForm, OperLogQuery, OperLogVO } from '@/api/monitor/operlog/types';
 import OperInfoDialog from './oper-info-dialog.vue';
+defineOptions({ name: 'Operlog' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_oper_type, sys_common_status } = toRefs<any>(proxy?.useDict('sys_oper_type', 'sys_common_status'));
diff --git a/src/views/system/client/index.vue b/src/views/system/client/index.vue
index 1f14b4ca4511a359481703e9d958af504855f1c4..b8bf0889434b3e59b59d291b43c6cf92cbe84dca 100644
--- a/src/views/system/client/index.vue
+++ b/src/views/system/client/index.vue
@@ -141,9 +141,10 @@
   </div>
 </template>
 
-<script setup name="Client" lang="ts">
+<script setup lang="ts">
 import { listClient, getClient, delClient, addClient, updateClient, changeStatus } from '@/api/system/client';
 import { ClientVO, ClientQuery, ClientForm } from '@/api/system/client/types';
+defineOptions({ name: 'Client' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_normal_disable } = toRefs<any>(proxy?.useDict('sys_normal_disable'));
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
index ddc07537fddd20cc0ab82c667ea7a3bea1a3650d..40631db1bb6520f4a07837f5fe54598e591188c0 100644
--- a/src/views/system/config/index.vue
+++ b/src/views/system/config/index.vue
@@ -122,9 +122,10 @@
   </div>
 </template>
 
-<script setup name="Config" lang="ts">
+<script setup lang="ts">
 import { listConfig, getConfig, delConfig, addConfig, updateConfig, refreshCache } from '@/api/system/config';
 import { ConfigForm, ConfigQuery, ConfigVO } from '@/api/system/config/types';
+defineOptions({ name: 'Config' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_yes_no } = toRefs<any>(proxy?.useDict('sys_yes_no'));
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 1f5facb98d6500299492ea90ee7d695867a194e6..5d53b233aee217f8eefde704b8318a5efea18829 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -140,11 +140,12 @@
   </div>
 </template>
 
-<script setup name="Dept" lang="ts">
+<script setup lang="ts">
 import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from '@/api/system/dept';
 import { DeptForm, DeptQuery, DeptVO } from '@/api/system/dept/types';
 import { UserVO } from '@/api/system/user/types';
 import { listUserByDeptId } from '@/api/system/user';
+defineOptions({ name: 'Dept' });
 
 interface DeptOptionsType {
   deptId: number | string;
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
index 3e9b0a1c26864a485f3ad561f6cff94f89abd5f5..ed19026917063591ae98ad184eab390461c6d621 100644
--- a/src/views/system/dict/data.vue
+++ b/src/views/system/dict/data.vue
@@ -125,13 +125,15 @@
   </div>
 </template>
 
-<script setup name="Data" lang="ts">
+<script setup lang="ts">
 import useDictStore from '@/store/modules/dict';
 import { optionselect as getDictOptionselect, getType } from '@/api/system/dict/type';
 import { listData, getData, delData, addData, updateData } from '@/api/system/dict/data';
 import { DictTypeVO } from '@/api/system/dict/type/types';
 import { DictDataForm, DictDataQuery, DictDataVO } from '@/api/system/dict/data/types';
 import { RouteLocationNormalized } from 'vue-router';
+//TODO name与html标签冲突;
+defineOptions({ name: 'Data' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const route = useRoute();
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index d30ad5485d181f10cb9493cefee7840d35a6aec1..4f5deafe83edb3355a3906957ddedecd153a88e0 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -107,10 +107,11 @@
   </div>
 </template>
 
-<script setup name="Dict" lang="ts">
+<script setup lang="ts">
 import useDictStore from '@/store/modules/dict';
 import { listType, getType, delType, addType, updateType, refreshCache } from '@/api/system/dict/type';
 import { DictTypeForm, DictTypeQuery, DictTypeVO } from '@/api/system/dict/type/types';
+defineOptions({ name: 'Dict' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 05630f4c5505ddb3e0117be15d19d4b8f522b003..b250fe50650dfe9db2abf6944972d3055aae23c2 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -260,10 +260,12 @@
   </div>
 </template>
 
-<script setup name="Menu" lang="ts">
+<script setup lang="ts">
 import { addMenu, delMenu, getMenu, listMenu, updateMenu } from '@/api/system/menu';
 import { MenuForm, MenuQuery, MenuVO } from '@/api/system/menu/types';
 import { MenuTypeEnum } from '@/enums/MenuTypeEnum';
+// TODO name与html标签冲突
+defineOptions({ name: 'Menu' });
 
 interface MenuOptionsType {
   menuId: number;
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index 5d7d9ba59b9fd07632e7abdb00ae945bd0ce8dde..168c1d63eadd2dd00df1dee98eb8f0b2a0e83696 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -118,9 +118,10 @@
   </div>
 </template>
 
-<script setup name="Notice" lang="ts">
+<script setup lang="ts">
 import { listNotice, getNotice, delNotice, addNotice, updateNotice } from '@/api/system/notice';
 import { NoticeForm, NoticeQuery, NoticeVO } from '@/api/system/notice/types';
+defineOptions({ name: 'Notice' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_notice_status, sys_notice_type } = toRefs<any>(proxy?.useDict('sys_notice_status', 'sys_notice_type'));
diff --git a/src/views/system/oss/config.vue b/src/views/system/oss/config.vue
index 0563a0226283f074fd0b2a0e3157f053e283dd05..9f0b8573d55a0ef208458d688ad671f02620cb1f 100644
--- a/src/views/system/oss/config.vue
+++ b/src/views/system/oss/config.vue
@@ -133,9 +133,10 @@
   </div>
 </template>
 
-<script setup name="OssConfig" lang="ts">
+<script setup lang="ts">
 import { listOssConfig, getOssConfig, delOssConfig, addOssConfig, updateOssConfig, changeOssConfigStatus } from '@/api/system/ossConfig';
 import { OssConfigForm, OssConfigQuery, OssConfigVO } from '@/api/system/ossConfig/types';
+defineOptions({ name: 'OssConfig' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_yes_no } = toRefs<any>(proxy?.useDict('sys_yes_no'));
diff --git a/src/views/system/oss/index.vue b/src/views/system/oss/index.vue
index f76dbab443eaab83e20f0b829a6dbed062d60fe6..91d310f7e127f5b4e77cbac6d05faea93698849b 100644
--- a/src/views/system/oss/index.vue
+++ b/src/views/system/oss/index.vue
@@ -130,10 +130,11 @@
   </div>
 </template>
 
-<script setup name="Oss" lang="ts">
+<script setup lang="ts">
 import { listOss, delOss } from '@/api/system/oss';
 import ImagePreview from '@/components/ImagePreview/index.vue';
 import { OssForm, OssQuery, OssVO } from '@/api/system/oss/types';
+defineOptions({ name: 'Oss' });
 
 const router = useRouter();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 4aa4e3a2faedf0a829afa0c19df43357a3e6e246..07064d76090ee35d25241be0a13f25f4b2c49eee 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -169,11 +169,12 @@
   </div>
 </template>
 
-<script setup name="Post" lang="ts">
+<script setup lang="ts">
 import { listPost, addPost, delPost, getPost, updatePost } from '@/api/system/post';
 import { PostForm, PostQuery, PostVO } from '@/api/system/post/types';
 import { DeptVO } from '@/api/system/dept/types';
 import api from '@/api/system/user';
+defineOptions({ name: 'Post' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_normal_disable } = toRefs<any>(proxy?.useDict('sys_normal_disable'));
diff --git a/src/views/system/role/authUser.vue b/src/views/system/role/authUser.vue
index 49bac8056d45f83dc8521b5fa68df3b88d2898d7..96cc73547d9be9b9cf716f5404a4941ec7e64acc 100644
--- a/src/views/system/role/authUser.vue
+++ b/src/views/system/role/authUser.vue
@@ -64,12 +64,13 @@
   </div>
 </template>
 
-<script setup name="AuthUser" lang="ts">
+<script setup lang="ts">
 import { allocatedUserList, authUserCancel, authUserCancelAll } from '@/api/system/role';
 import { UserQuery } from '@/api/system/user/types';
 import { UserVO } from '@/api/system/user/types';
 import SelectUser from './selectUser.vue';
 import { RouteLocationNormalized } from 'vue-router';
+defineOptions({ name: 'AuthUser' });
 
 const route = useRoute();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index fc42cd5da3df6c140fd5465d428ad7459c609c3a..bbe0fa90ca8de04c3f92fad5d0337dd544129bc2 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -191,11 +191,12 @@
   </div>
 </template>
 
-<script setup name="Role" lang="ts">
+<script setup lang="ts">
 import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from '@/api/system/role';
 import { roleMenuTreeselect, treeselect as menuTreeselect } from '@/api/system/menu/index';
 import { RoleVO, RoleForm, RoleQuery, DeptTreeOption } from '@/api/system/role/types';
 import { MenuTreeOption, RoleMenuTree } from '@/api/system/menu/types';
+defineOptions({ name: 'Role' });
 
 const router = useRouter();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/system/role/selectUser.vue b/src/views/system/role/selectUser.vue
index 12df8282066bf09469aadf7995d9ea432579dff6..c9c03c913ee284f8bfadec0385356bee26bc719a 100644
--- a/src/views/system/role/selectUser.vue
+++ b/src/views/system/role/selectUser.vue
@@ -43,10 +43,11 @@
   </el-row>
 </template>
 
-<script setup name="SelectUser" lang="ts">
+<script setup lang="ts">
 import { authUserSelectAll, unallocatedUserList } from '@/api/system/role';
 import { UserVO } from '@/api/system/user/types';
 import { UserQuery } from '@/api/system/user/types';
+defineOptions({ name: 'SelectUser' });
 
 const props = defineProps({
   roleId: {
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index df97b6498577f319d1e3d9c5d5c883b124308468..752982060fa58dea16b14ab3350f70d40d3c912d 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -143,7 +143,7 @@
   </div>
 </template>
 
-<script setup name="Tenant" lang="ts">
+<script setup lang="ts">
 import {
   listTenant,
   getTenant,
@@ -158,6 +158,7 @@ import { selectTenantPackage } from '@/api/system/tenantPackage';
 import useUserStore from '@/store/modules/user';
 import { TenantForm, TenantQuery, TenantVO } from '@/api/system/tenant/types';
 import { TenantPkgVO } from '@/api/system/tenantPackage/types';
+defineOptions({ name: 'Tenant' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index f97bb352dd9d3bfc02562ce2da2f4efa28a116cc..9984f2f4c66aeb2d311798b31b00da7f8d424b67 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -99,7 +99,7 @@
   </div>
 </template>
 
-<script setup name="TenantPackage" lang="ts">
+<script setup lang="ts">
 import {
   listTenantPackage,
   getTenantPackage,
@@ -112,6 +112,7 @@ import { treeselect as menuTreeselect, tenantPackageMenuTreeselect } from '@/api
 import { TenantPkgForm, TenantPkgQuery, TenantPkgVO } from '@/api/system/tenantPackage/types';
 import { MenuTreeOption } from '@/api/system/menu/types';
 import to from 'await-to-js';
+defineOptions({ name: 'TenantPackage' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
diff --git a/src/views/system/user/authRole.vue b/src/views/system/user/authRole.vue
index fe2e9741b7dcff09b9c92dad98489a98825e2e60..2e4d6548053f9d686e6b6261940865fa20148803 100644
--- a/src/views/system/user/authRole.vue
+++ b/src/views/system/user/authRole.vue
@@ -54,13 +54,13 @@
   </div>
 </template>
 
-<script setup name="AuthRole" lang="ts">
+<script setup lang="ts">
 import { RoleVO } from '@/api/system/role/types';
 import { getAuthRole, updateAuthRole } from '@/api/system/user';
 import { UserForm } from '@/api/system/user/types';
 import { RouteLocationNormalized } from 'vue-router';
 import { parseTime } from '@/utils/ruoyi';
-
+defineOptions({ name: 'AuthRole' });
 const route = useRoute();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index b9b7a9aa303de2a706b591898a6ce205bf551b3c..2012557d6902492e2aa5f404e812378c04f745dc 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -285,7 +285,7 @@
   </div>
 </template>
 
-<script setup name="User" lang="ts">
+<script setup lang="ts">
 import api from '@/api/system/user';
 import { UserForm, UserQuery, UserVO } from '@/api/system/user/types';
 import { DeptTreeVO, DeptVO } from '@/api/system/dept/types';
@@ -297,7 +297,7 @@ import { to } from 'await-to-js';
 import { optionselect } from '@/api/system/post';
 import { hasPermi } from '@/directive/permission';
 import { checkPermi } from '@/utils/permission';
-
+defineOptions({ name: 'User' });
 const router = useRouter();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_normal_disable, sys_user_sex } = toRefs<any>(proxy?.useDict('sys_normal_disable', 'sys_user_sex'));
diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue
index 7c1389a35aa8083fda73956f90591fd5546918b5..10a995983042f3ec38c6698124d29bac9ae006fb 100644
--- a/src/views/system/user/profile/index.vue
+++ b/src/views/system/user/profile/index.vue
@@ -68,7 +68,7 @@
   </div>
 </template>
 
-<script setup name="Profile" lang="ts">
+<script setup lang="ts">
 import UserAvatar from './userAvatar.vue';
 import UserInfo from './userInfo.vue';
 import ResetPwd from './resetPwd.vue';
@@ -78,6 +78,7 @@ import { getAuthList } from '@/api/system/social/auth';
 import { getUserProfile } from '@/api/system/user';
 import { getOnline } from '@/api/monitor/online';
 import { UserVO } from '@/api/system/user/types';
+defineOptions({ name: 'Profile' });
 
 const activeTab = ref('userinfo');
 interface State {
diff --git a/src/views/system/user/profile/onlineDevice.vue b/src/views/system/user/profile/onlineDevice.vue
index b8844466eb113c2066772af09b0f4e3279f9f368..e36bd29c99db60e902a5728dd2307ae005354cf8 100644
--- a/src/views/system/user/profile/onlineDevice.vue
+++ b/src/views/system/user/profile/onlineDevice.vue
@@ -26,9 +26,10 @@
   </div>
 </template>
 
-<script setup name="Online" lang="ts">
+<script setup lang="ts">
 import { delOnline } from '@/api/monitor/online';
 import { propTypes } from '@/utils/propTypes';
+defineOptions({ name: 'Online' });
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { sys_device_type } = toRefs<any>(proxy?.useDict('sys_device_type'));
diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue
index 173f7f22147c7272160320dab4c69b5abb2d5e47..c197f501b33c53d4ed452f4c14322dc03d059c59 100644
--- a/src/views/tool/gen/editTable.vue
+++ b/src/views/tool/gen/editTable.vue
@@ -112,7 +112,7 @@
   </el-card>
 </template>
 
-<script setup name="GenEdit" lang="ts">
+<script setup lang="ts">
 import { getGenTable, updateGenTable } from '@/api/tool/gen';
 import { DbColumnVO, DbTableVO } from '@/api/tool/gen/types';
 import { optionselect as getDictOptionselect } from '@/api/system/dict/type';
@@ -120,6 +120,7 @@ import { DictTypeVO } from '@/api/system/dict/type/types';
 import BasicInfoForm from './basicInfoForm.vue';
 import GenInfoForm from './genInfoForm.vue';
 import { RouteLocationNormalized } from 'vue-router';
+defineOptions({ name: 'GenEdit' });
 
 const route = useRoute();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
index b4df31b5c3cee95d99f19281f1f806c814a6280b..e3f2e2eb37289e6ee8f16c69540ac4da4b7676b0 100644
--- a/src/views/tool/gen/index.vue
+++ b/src/views/tool/gen/index.vue
@@ -112,11 +112,12 @@
   </div>
 </template>
 
-<script setup name="Gen" lang="ts">
-import {delTable, genCode, getDataNames, listTable, previewTable, synchDb} from '@/api/tool/gen';
-import {TableQuery, TableVO} from '@/api/tool/gen/types';
+<script setup lang="ts">
+import { delTable, genCode, getDataNames, listTable, previewTable, synchDb } from '@/api/tool/gen';
+import { TableQuery, TableVO } from '@/api/tool/gen/types';
 import router from '@/router';
 import ImportTable from './importTable.vue';
+defineOptions({ name: 'Gen' });
 
 const route = useRoute();
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
diff --git a/src/views/workflow/category/index.vue b/src/views/workflow/category/index.vue
index d3e87ea32e65153b4831b753d42d25adfbbe7ed7..df3a0392455e00dc8dd26a2a7ed38ca459cd2881 100644
--- a/src/views/workflow/category/index.vue
+++ b/src/views/workflow/category/index.vue
@@ -34,7 +34,7 @@
         :default-expand-all="isExpandAll"
         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
       >
-        <el-table-column label="分类名称" prop="categoryName" width="260"/>
+        <el-table-column label="分类名称" prop="categoryName" width="260" />
         <el-table-column label="显示顺序" align="center" prop="orderNum" width="200" />
         <el-table-column label="创建时间" align="center" prop="createTime" width="180" />
         <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
@@ -77,7 +77,7 @@
           </el-col>
         </el-row>
       </el-form>
-    <template #footer>
+      <template #footer>
         <div class="dialog-footer">
           <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
           <el-button @click="cancel">取 消</el-button>
@@ -87,18 +87,18 @@
   </div>
 </template>
 
-<script setup name="Category" lang="ts">
-import { listCategory, getCategory, delCategory, addCategory, updateCategory } from "@/api/workflow/category";
+<script setup lang="ts">
+import { listCategory, getCategory, delCategory, addCategory, updateCategory } from '@/api/workflow/category';
 import { CategoryVO, CategoryQuery, CategoryForm } from '@/api/workflow/category/types';
+defineOptions({ name: 'Category' });
 
 type CategoryOption = {
   categoryId: number;
   categoryName: string;
   children?: CategoryOption[];
-}
-
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
+};
 
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const categoryList = ref<CategoryVO[]>([]);
 const categoryOptions = ref<CategoryOption[]>([]);
@@ -109,32 +109,29 @@ const loading = ref(false);
 
 const queryFormRef = ref<ElFormInstance>();
 const categoryFormRef = ref<ElFormInstance>();
-const categoryTableRef = ref<ElTableInstance>()
+const categoryTableRef = ref<ElTableInstance>();
 
 const dialog = reactive<DialogOption>({
   visible: false,
   title: ''
 });
 
-
 const initFormData: CategoryForm = {
   categoryId: undefined,
-  categoryName: "",
+  categoryName: '',
   parentId: undefined,
-  orderNum: 0,
-}
+  orderNum: 0
+};
 
 const data = reactive<PageData<CategoryForm, CategoryQuery>>({
-  form: {...initFormData},
+  form: { ...initFormData },
   queryParams: {
-    categoryName: undefined,
+    categoryName: undefined
   },
   rules: {
-    categoryId: [
-      { required: true, message: "流程分类ID不能为空", trigger: "blur" }
-    ],
-    parentId: [{ required: true, message: "请选择上级分类", trigger: "change" }],
-    categoryName: [{ required: true, message: "请输入分类名称", trigger: "blur" }]
+    categoryId: [{ required: true, message: '流程分类ID不能为空', trigger: 'blur' }],
+    parentId: [{ required: true, message: '请选择上级分类', trigger: 'change' }],
+    categoryName: [{ required: true, message: '请输入分类名称', trigger: 'blur' }]
   }
 });
 
@@ -144,19 +141,19 @@ const { queryParams, form, rules } = toRefs(data);
 const getList = async () => {
   loading.value = true;
   const res = await listCategory(queryParams.value);
-  const data = proxy?.handleTree<CategoryVO>(res.data, "categoryId", "parentId");
+  const data = proxy?.handleTree<CategoryVO>(res.data, 'categoryId', 'parentId');
   if (data) {
     categoryList.value = data;
     loading.value = false;
   }
-}
+};
 
 /** 查询流程分类下拉树结构 */
 const getTreeselect = async () => {
   const res = await listCategory();
   categoryOptions.value = [];
   // 处理树形数据
-  const data = proxy?.handleTree<CategoryOption>(res.data, "categoryId", "parentId");
+  const data = proxy?.handleTree<CategoryOption>(res.data, 'categoryId', 'parentId');
   if (data) {
     categoryOptions.value = data; // 将处理后的树形数据赋值
   }
@@ -166,24 +163,24 @@ const getTreeselect = async () => {
 const cancel = () => {
   reset();
   dialog.visible = false;
-}
+};
 
 // 表单重置
 const reset = () => {
-  form.value = {...initFormData}
+  form.value = { ...initFormData };
   categoryFormRef.value?.resetFields();
-}
+};
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
   getList();
-}
+};
 
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
   handleQuery();
-}
+};
 
 /** 新增按钮操作 */
 const handleAdd = (row?: CategoryVO) => {
@@ -195,22 +192,22 @@ const handleAdd = (row?: CategoryVO) => {
     form.value.parentId = undefined;
   }
   dialog.visible = true;
-  dialog.title = "添加流程分类";
-}
+  dialog.title = '添加流程分类';
+};
 
 /** 展开/折叠操作 */
 const handleToggleExpandAll = () => {
   isExpandAll.value = !isExpandAll.value;
-  toggleExpandAll(categoryList.value, isExpandAll.value)
-}
+  toggleExpandAll(categoryList.value, isExpandAll.value);
+};
 
 /** 展开/折叠操作 */
 const toggleExpandAll = (data: CategoryVO[], status: boolean) => {
   data.forEach((item) => {
-    categoryTableRef.value?.toggleRowExpansion(item, status)
-    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
-  })
-}
+    categoryTableRef.value?.toggleRowExpansion(item, status);
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status);
+  });
+};
 
 /** 修改按钮操作 */
 const handleUpdate = async (row: CategoryVO) => {
@@ -222,8 +219,8 @@ const handleUpdate = async (row: CategoryVO) => {
   const res = await getCategory(row.categoryId);
   Object.assign(form.value, res.data);
   dialog.visible = true;
-  dialog.title = "修改流程分类";
-}
+  dialog.title = '修改流程分类';
+};
 
 /** 提交按钮 */
 const submitForm = () => {
@@ -231,25 +228,25 @@ const submitForm = () => {
     if (valid) {
       buttonLoading.value = true;
       if (form.value.categoryId) {
-        await updateCategory(form.value).finally(() => buttonLoading.value = false);
+        await updateCategory(form.value).finally(() => (buttonLoading.value = false));
       } else {
-        await addCategory(form.value).finally(() => buttonLoading.value = false);
+        await addCategory(form.value).finally(() => (buttonLoading.value = false));
       }
-      proxy?.$modal.msgSuccess("操作成功");
+      proxy?.$modal.msgSuccess('操作成功');
       dialog.visible = false;
       getList();
     }
   });
-}
+};
 
 /** 删除按钮操作 */
 const handleDelete = async (row: CategoryVO) => {
   await proxy?.$modal.confirm('是否确认删除"' + row.categoryName + '"的分类？');
   loading.value = true;
-  await delCategory(row.categoryId).finally(() => loading.value = false);
+  await delCategory(row.categoryId).finally(() => (loading.value = false));
   await getList();
-  proxy?.$modal.msgSuccess("删除成功");
-}
+  proxy?.$modal.msgSuccess('删除成功');
+};
 
 onMounted(() => {
   getList();
diff --git a/src/views/workflow/leave/index.vue b/src/views/workflow/leave/index.vue
index 2c8da0ecf59ec8ecebe30a5e632ffac5bd2275cc..1fccdf96424936146772f1f3b72fc1b4aaa883f2 100644
--- a/src/views/workflow/leave/index.vue
+++ b/src/views/workflow/leave/index.vue
@@ -87,11 +87,11 @@
   </div>
 </template>
 
-<script setup name="Leave" lang="ts">
+<script setup lang="ts">
 import { delLeave, listLeave } from '@/api/workflow/leave';
 import { cancelProcessApply } from '@/api/workflow/instance';
 import { LeaveForm, LeaveQuery, LeaveVO } from '@/api/workflow/leave/types';
-
+defineOptions({ name: 'Leave' });
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 const { wf_business_status } = toRefs<any>(proxy?.useDict('wf_business_status'));
 const leaveList = ref<LeaveVO[]>([]);
diff --git a/src/views/workflow/leave/leaveEdit.vue b/src/views/workflow/leave/leaveEdit.vue
index a8c1bfda2c7f75beca425c7f4ccd490a00ff7b34..074b34893acb68c2a31b10b24e6a63415a88b6cc 100644
--- a/src/views/workflow/leave/leaveEdit.vue
+++ b/src/views/workflow/leave/leaveEdit.vue
@@ -58,7 +58,7 @@
   </div>
 </template>
 
-<script setup name="Leave" lang="ts">
+<script setup lang="ts">
 import { addLeave, getLeave, updateLeave } from '@/api/workflow/leave';
 import { LeaveForm, LeaveQuery, LeaveVO } from '@/api/workflow/leave/types';
 import { startWorkFlow } from '@/api/workflow/task';
@@ -66,6 +66,7 @@ import SubmitVerify from '@/components/Process/submitVerify.vue';
 import ApprovalRecord from '@/components/Process/approvalRecord.vue';
 import { AxiosResponse } from 'axios';
 import { StartProcessBo } from '@/api/workflow/workflowCommon/types';
+defineOptions({ name: 'Leave' });
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const buttonLoading = ref(false);
diff --git a/src/views/workflow/processDefinition/index.vue b/src/views/workflow/processDefinition/index.vue
index d2b390688d9118a182544b894e6b112e008dc36a..8384f5802e7a730443871c4fd3367f204d050ad5 100644
--- a/src/views/workflow/processDefinition/index.vue
+++ b/src/views/workflow/processDefinition/index.vue
@@ -190,14 +190,14 @@
   </div>
 </template>
 
-<script setup name="processDefinition" lang="ts">
+<script setup lang="ts">
 import { listDefinition, deleteDefinition, active, importDef, unPublishList, publish, add, edit, getInfo, copy } from '@/api/workflow/definition';
 import { categoryTree } from '@/api/workflow/category';
 import { CategoryTreeVO } from '@/api/workflow/category/types';
 import { FlowDefinitionQuery, FlowDefinitionVo, FlowDefinitionForm } from '@/api/workflow/definition/types';
 import { UploadRequestOptions, TabsPaneContext } from 'element-plus';
-import { ElMessageBoxOptions } from "element-plus/es/components/message-box/src/message-box.type";
-
+import { ElMessageBoxOptions } from 'element-plus/es/components/message-box/src/message-box.type';
+defineOptions({ name: 'processDefinition' });
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
 const queryFormRef = ref<ElFormInstance>();
diff --git a/vite/plugins/index.ts b/vite/plugins/index.ts
index 2f16e542be28b94d40cf2053aab69cb6e1c29da9..f93e685cc99036582a09f51df12ab3aeb53ebfec 100644
--- a/vite/plugins/index.ts
+++ b/vite/plugins/index.ts
@@ -7,7 +7,6 @@ import createComponents from './components';
 import createIcons from './icons';
 import createSvgIconsPlugin from './svg-icon';
 import createCompression from './compression';
-import createSetupExtend from './setup-extend';
 import path from 'path';
 
 export default (viteEnv: any, isBuild = false): [] => {
@@ -19,7 +18,6 @@ export default (viteEnv: any, isBuild = false): [] => {
   vitePlugins.push(createComponents(path));
   vitePlugins.push(createCompression(viteEnv));
   vitePlugins.push(createIcons());
-  vitePlugins.push(createSvgIconsPlugin(path, isBuild));
-  vitePlugins.push(createSetupExtend());
+  vitePlugins.push(createSvgIconsPlugin(path));
   return vitePlugins;
 };
diff --git a/vite/plugins/setup-extend.ts b/vite/plugins/setup-extend.ts
deleted file mode 100644
index ed3423f0cbbe482f6bb91c6cf30784c7e427786e..0000000000000000000000000000000000000000
--- a/vite/plugins/setup-extend.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import setupExtend from 'unplugin-vue-setup-extend-plus/vite';
-
-export default () => {
-  return setupExtend({});
-};