diff --git a/package.json b/package.json
index b1af3be..42e4062 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "tdesign-site-components": "^0.12.9",
     "tdesign-theme-generator": "^1.0.5",
     "tvision-color": "^1.6.0",
-    "vue": "^3.3.8",
+    "vue": "~3.3.8",
     "vue-i18n": "^9.6.5",
     "vue-router": "~4.2.4"
   },
diff --git a/src/layouts/setting/page-config.vue b/src/layouts/setting/page-config.vue
index bd4d2ed..a041bd0 100644
--- a/src/layouts/setting/page-config.vue
+++ b/src/layouts/setting/page-config.vue
@@ -71,9 +71,9 @@
   </t-drawer>
 </template>
 <script setup lang="ts">
+import { useClipboard } from '@vueuse/core';
 import { MessagePlugin } from 'tdesign-vue-next';
 import { computed, onMounted, ref, watchEffect } from 'vue';
-import useClipboard from 'vue-clipboard3';
 
 import LayoutMixIcon from '@/assets/assets-layout-mix.svg';
 import LayoutSideIcon from '@/assets/assets-layout-side.svg';
@@ -147,8 +147,8 @@ const handleCloseDrawer = () => {
 
 const handleCopy = () => {
   const text = JSON.stringify(formData.value, null, 4);
-  const { toClipboard } = useClipboard();
-  toClipboard(text)
+  const { copy } = useClipboard({ source: text });
+  copy(text)
     .then(() => {
       MessagePlugin.closeAll();
       MessagePlugin.success('复制成功');
@@ -190,6 +190,7 @@ const dynamicColor = computed(() => {
   .t-drawer__mask {
     background: none;
   }
+
   .t-drawer__body {
     padding: var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);
     background-color: var(--td-bg-color-secondarycontainer);
@@ -215,6 +216,7 @@ const dynamicColor = computed(() => {
     padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
     border-radius: var(--td-radius-extraLarge);
     height: 100%;
+
     &-subgroup {
       margin: var(--td-comp-margin-m) 0;
     }
@@ -224,6 +226,7 @@ const dynamicColor = computed(() => {
     background-color: var(--td-bg-color-secondarycontainer);
     border-radius: var(--td-radius-large);
     padding: var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-xs);
+
     > .t-form__item {
       background-color: var(--td-bg-color-container);
       margin-bottom: var(--td-comp-margin-xs);
@@ -235,6 +238,7 @@ const dynamicColor = computed(() => {
       border-radius: var(--td-radius-medium);
     }
   }
+
   .setting-group-title {
     text-align: left;
     font: var(--td-font-title-medium);
@@ -252,13 +256,16 @@ const dynamicColor = computed(() => {
       padding: 0;
       border-radius: var(--td-radius-default);
       border: none;
+
       > .t-radio-button__label {
         display: inline-flex;
         position: relative;
+
         .mode-img,
         .layout-img {
           border-radius: 9px;
         }
+
         .picked {
           position: absolute;
           right: 0;
diff --git a/src/locales/index.ts b/src/locales/index.ts
index 19ae7ca..33ba482 100644
--- a/src/locales/index.ts
+++ b/src/locales/index.ts
@@ -18,14 +18,12 @@ const languages = usePreferredLanguages();
 // 生成语言模块列表
 const generateLangModuleMap = () => {
   const fullPaths = Object.keys(langModules);
-  console.log(langModules, 'langModules');
   fullPaths.forEach((fullPath) => {
     const k = fullPath.replace('./lang', '');
     const startIndex = 1;
     const lastIndex = k.lastIndexOf('/');
     const code = k.substring(startIndex, lastIndex);
     langCode.push(code);
-    console.log(langCode, 'langCode');
     langModuleMap.set(code, langModules[fullPath]);
   });
 };
diff --git a/src/utils/route/index.ts b/src/utils/route/index.ts
index aba0279..89b531c 100644
--- a/src/utils/route/index.ts
+++ b/src/utils/route/index.ts
@@ -24,7 +24,7 @@ LayoutMap.set('IFRAME', IFRAME);
 let dynamicViewsModules: Record<string, () => Promise<Recordable>>;
 
 // 动态从包内引入单个Icon
-async function getMenuIcon(iconName: string) {
+async function getMenuIcon(iconName: string): Promise<string> {
   const RenderIcon = iconsPath[`../../../node_modules/tdesign-icons-vue-next/esm/components/${iconName}.js`];
 
   const Icon = await RenderIcon();
@@ -51,7 +51,8 @@ function asyncImportRoute(routes: RouteItem[] | undefined) {
     } else if (name) {
       item.component = PARENT_LAYOUT();
     }
-    if (item.meta.icon) item.meta.icon = (await getMenuIcon(item.meta.icon)).value;
+
+    if (item.meta.icon) item.meta.icon = await getMenuIcon(item.meta.icon);
 
     // eslint-disable-next-line no-unused-expressions
     children && asyncImportRoute(children);