feat(cli): set title by lang

packages/vant-cli/site/common/iframe-router.js

@@ -10,18 +10,18 @@ window.syncPath = function () {
   const currentDir = router.history.current.path;
 
   if (isInIframe) {
-    window.top.changePath(currentDir);
+    window.top.replacePath(currentDir);
   } else if (!isMobile) {
     const iframe = document.querySelector('iframe');
     if (iframe) {
       iframeReady(iframe, () => {
-        iframe.contentWindow.changePath(currentDir);
+        iframe.contentWindow.replacePath(currentDir);
       });
     }
   }
 };
 
-window.changePath = function (path = '') {
+window.replacePath = function (path = '') {
   // should preserve hash for anchor
   if (window.vueRouter.currentRoute.path !== path) {
     window.vueRouter.replace(path).catch(() => {});

packages/vant-cli/site/common/index.js

@@ -1,7 +1,7 @@
 function iframeReady(iframe, callback) {
   const doc = iframe.contentDocument || iframe.contentWindow.document;
   const interval = () => {
-    if (iframe.contentWindow.changePath) {
+    if (iframe.contentWindow.replacePath) {
       callback();
     } else {
       setTimeout(() => {

packages/vant-cli/site/desktop/App.vue

@@ -65,6 +65,23 @@ export default {
   watch: {
     lang(val) {
       setLang(val);
+      this.setTitle();
+    }
+  },
+
+  created() {
+    this.setTitle();
+  },
+
+  methods: {
+    setTitle() {
+      let { title } = this.config;
+
+      if (this.config.description) {
+        title += ` - ${this.config.description}`;
+      }
+
+      document.title = title;
     }
   }
 };

packages/vant-cli/site/desktop/components/Simulator.vue

@@ -9,8 +9,7 @@ export default {
   name: 'van-doc-simulator',
 
   props: {
-    src: String,
-    lang: String
+    src: String
   },
 
   data() {
@@ -33,12 +32,6 @@ export default {
     }
   },
 
-  watch: {
-    lang(val) {
-      location.hash = `#${location.hash.replace(this.lang, val)}`;
-    }
-  },
-
   mounted() {
     window.addEventListener('scroll', () => {
       this.scrollTop = window.scrollY;

packages/vant-cli/site/desktop/components/index.vue

@@ -13,7 +13,7 @@
         <slot />
       </doc-content>
     </doc-container>
-    <doc-simulator v-if="simulator" :src="simulator" :lang="lang" />
+    <doc-simulator v-if="simulator" :src="simulator" />
   </div>
 </template>
 

packages/vant-cli/site/desktop/router.js

@@ -31,6 +31,17 @@ function parseName(name) {
   };
 }
 
+function getLangFromRoute(route) {
+  const lang = route.path.split('/')[1];
+  const langs = Object.keys(locales);
+
+  if (langs.indexOf(lang) !== -1) {
+    return lang;
+  }
+
+  return getLang();
+}
+
 function getRoutes() {
   const routes = [];
   const names = Object.keys(documents);
@@ -38,7 +49,7 @@ function getRoutes() {
   if (locales) {
     routes.push({
       path: '*',
-      redirect: `/${getLang()}/`
+      redirect: route => `/${getLangFromRoute(route)}/`
     });
   } else {
     routes.push({

packages/vant-cli/site/mobile/router.js

@@ -10,6 +10,17 @@ const { locales, defaultLang } = config.site;
 
 setDefaultLang(defaultLang);
 
+function getLangFromRoute(route) {
+  const lang = route.path.split('/')[1];
+  const langs = Object.keys(locales);
+
+  if (langs.indexOf(lang) !== -1) {
+    return lang;
+  }
+
+  return getLang();
+}
+
 function getRoutes() {
   const routes = [];
   const names = Object.keys(demos);
@@ -18,7 +29,7 @@ function getRoutes() {
   if (langs.length) {
     routes.push({
       path: '*',
-      redirect: () => `/${getLang()}/`
+      redirect: route => `/${getLangFromRoute(route)}/`
     });
 
     langs.forEach(lang => {