From b8cf646226cc4b12afebc2c2cc331223b07a78f7 Mon Sep 17 00:00:00 2001
From: zouhang <zouhang@didiglobal.com>
Date: Wed, 22 Sep 2021 22:37:35 +0800
Subject: [PATCH] perf: improve jump link for home page (#3551)

---
 docs/.vitepress/config.js                          |  5 +++++
 docs/.vitepress/vitepress/components/vp-navbar.vue | 14 ++++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index 7bbe9e8222..5f63637180 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -1,4 +1,6 @@
 /* eslint-disable */
+const fs = require('fs')
+const path = require('path')
 const sidebars = require('./sidebars')
 const nav = require('./nav')
 const mdPlugin = require('./plugins')
@@ -31,6 +33,8 @@ const buildTransformers = () => {
 }
 console.log(process.env.DOC_ENV)
 
+const languages = fs.readdirSync(path.resolve(__dirname, './crowdin'))
+
 module.exports = {
   title: 'ElementPlus',
   head: [
@@ -84,6 +88,7 @@ module.exports = {
       appId: '7DCTSU0WBW',
     },
     features,
+    langs: languages,
   },
 
   markdown: {
diff --git a/docs/.vitepress/vitepress/components/vp-navbar.vue b/docs/.vitepress/vitepress/components/vp-navbar.vue
index fc08d7193f..889c266dce 100644
--- a/docs/.vitepress/vitepress/components/vp-navbar.vue
+++ b/docs/.vitepress/vitepress/components/vp-navbar.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
+import { useData, inBrowser } from 'vitepress'
+import { computed } from 'vue'
 
 import VPNavbarSearch from './navbar/vp-search.vue'
 import VPNavbarMenu from './navbar/vp-menu.vue'
@@ -17,13 +18,22 @@ defineEmits(['toggle'])
 const themeEnabled = useFeatureFlag('theme')
 
 const { theme } = useData()
+
+const currentLink = computed(() => {
+  if (!inBrowser) return '/'
+  const existLangIndex = theme.value.langs.findIndex((lang) =>
+    window?.location?.pathname.startsWith(`/${lang}`)
+  )
+
+  return existLangIndex === -1 ? '/' : `/${theme.value.langs[existLangIndex]}/`
+})
 </script>
 
 <template>
   <div class="navbar-wrapper">
     <div class="container">
       <div class="logo-container">
-        <a href="/">
+        <a :href="currentLink">
           <img
             class="logo"
             src="/images/element-plus-logo.svg"