From 32e0ddbd50d68b44ec7bebad9a9ad083af0e7e73 Mon Sep 17 00:00:00 2001
From: ElsaOOo <yjjjng0901@126.com>
Date: Wed, 1 Dec 2021 16:51:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20demoblock=E7=9A=84=E6=8A=98=E5=8F=A0?=
 =?UTF-8?q?=E6=9D=BF=EF=BC=8C=E5=9C=A8=E8=8B=B1=E6=96=87=E7=8E=AF=E5=A2=83?=
 =?UTF-8?q?=E4=B8=8B=E4=BB=8D=E7=84=B6=E6=98=BE=E7=A4=BA=E4=B8=AD=E6=96=87?=
 =?UTF-8?q?,=E4=BB=A5=E5=8F=8A=E5=BF=AB=E9=80=9F=E5=89=8D=E5=BE=80?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E5=88=87=E6=8D=A2=E8=8B=B1=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-vue/docs/.vitepress/config/index.ts | 32 +++++++++++++++----
 .../devui-vue/docs/.vitepress/config/lang.ts  |  4 +--
 .../devui-theme/components/PageToc.vue        | 20 ++++++------
 3 files changed, 37 insertions(+), 19 deletions(-)

diff --git a/packages/devui-vue/docs/.vitepress/config/index.ts b/packages/devui-vue/docs/.vitepress/config/index.ts
index 76ad29f0..00c5b009 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 765aeb42..939874b8 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 be07d2fb..9a1fc230 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;
-- 
Gitee