diff --git a/packages/devui-vue/docs/.vitepress/config/index.ts b/packages/devui-vue/docs/.vitepress/config/index.ts
index 76ad29f0458d27bab3c8182fcc88bd245434ce72..00c5b009fcb6bd3aec19ca0698e2b27fdac993df 100644
--- a/packages/devui-vue/docs/.vitepress/config/index.ts
+++ b/packages/devui-vue/docs/.vitepress/config/index.ts
@@ -4,16 +4,36 @@ import nav from './nav'
 import markdown from './markdown'
 import lang from './lang'
 const config = {
-  title: "Vue DevUI",
-  description: "Vue DevUI 组件库",
+  title: 'Vue DevUI',
+  description: 'Vue DevUI 组件库',
   head,
   markdown,
+  locales: {
+    '/': {
+      lang: 'zh-CN',
+      label: '简体中文'
+    },
+    '/en-US': {
+      lang: 'en-US',
+      label: 'English'
+    }
+  },
   themeConfig: {
     sidebar,
     nav,
     demoblock: lang,
-    logo: '../../assets/logo.svg'
-  },
-};
+    logo: '../../assets/logo.svg',
+    locales: {
+      '/': {
+        lang: 'zh-CN',
+        label: '简体中文'
+      },
+      '/en-US': {
+        lang: 'en-US',
+        label: 'English'
+      }
+    }
+  }
+}
 
-export default config;
\ No newline at end of file
+export default config
diff --git a/packages/devui-vue/docs/.vitepress/config/lang.ts b/packages/devui-vue/docs/.vitepress/config/lang.ts
index 765aeb420777b38b236c71920dcc4f407ba567f8..939874b8f81f65b6f5a92adc1776c308439fd81e 100644
--- a/packages/devui-vue/docs/.vitepress/config/lang.ts
+++ b/packages/devui-vue/docs/.vitepress/config/lang.ts
@@ -1,10 +1,10 @@
 const lang = {
-  '/zh': {
+  '/': {
     'hide-text': '隐藏代码',
     'show-text': '显示代码',
     'copy-button-text': '复制代码片段'
   },
-  '/en': {
+  '/en-US': {
     'hide-text': 'Hide',
     'show-text': 'Expand',
     'copy-button-text': 'Copy'
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/PageToc.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/PageToc.vue
index be07d2fb10326e97b6b848854a34a9f14e583b6b..9a1fc23033b3e1a185018eb134bd1222b557885e 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/PageToc.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/PageToc.vue
@@ -8,18 +8,17 @@ const marker = ref()
 const container = ref()
 // 滚动监听
 useActiveSidebarLinks(container, marker)
+const forwardText = computed(() => {
+  return localStorage.getItem('preferred_lang') === 'zh-CN' ? '快速前往' : 'Forward'
+})
 </script>
 
 <template>
   <aside ref="container">
     <nav class="devui-content-nav">
-      <h3 class="devui-fast-forward">快速前往</h3>
+      <h3 class="devui-fast-forward">{{ forwardText }}</h3>
       <ul class="devui-step-nav">
-        <li
-          v-for="{ link, text } in headers"
-          :key="link"
-          class="devui-item"
-        >
+        <li v-for="{ link, text } in headers" :key="link" class="devui-item">
           <a class="devui-link" :href="link">{{ text }}</a>
         </li>
       </ul>
@@ -72,9 +71,8 @@ useActiveSidebarLinks(container, marker)
         color: $devui-text;
         white-space: nowrap;
         text-overflow: ellipsis;
-        -webkit-transition: all .3s ease;
-        transition: all .3s ease;
-
+        -webkit-transition: all 0.3s ease;
+        transition: all 0.3s ease;
       }
       a.current {
         color: $devui-link;
@@ -82,7 +80,8 @@ useActiveSidebarLinks(container, marker)
     }
   }
 
-  .devui-link:hover, .devui-link.active {
+  .devui-link:hover,
+  .devui-link.active {
     color: $devui-brand;
     text-decoration: none;
   }
@@ -98,7 +97,6 @@ useActiveSidebarLinks(container, marker)
   }
 }
 
-
 @media (max-width: 1250px) {
   .devui-content-nav {
     display: none;