Multiple Language Support + Complete Chinese Translation

docs/.vuepress/config.js

@@ -1,10 +1,5 @@
 const base = process.env.GH ? '/vuepress/' : '/'
 
-const langs = [
-  { text: 'English', link: '/' },
-  { text: '简体中文', link: '/zh/' },
-]
-
 module.exports = {
   title: 'VuePress',
   description: 'Vue-powered Static Site Generator',
@@ -18,6 +13,114 @@ module.exports = {
     repo: 'vuejs/vuepress',
     editLinks: true,
     docsDir: 'docs',
+    nav: [
+      {
+        text: 'Guide',
+        link: '/guide/',
+      },
+      {
+        text: 'Config Reference',
+        link: '/config/'
+      },
+      {
+        text: 'Default Theme Config',
+        link: '/default-theme-config/'
+      },
+      {
+        text: 'Links',
+        items: [
+          {
+            text: 'Vue',
+            link: 'https://vuejs.org/',
+          },
+          {
+            text: 'Vue-Router',
+            link: 'https://router.vuejs.org/en/',
+          },
+          {
+            text: 'Vue-CLI',
+            link: 'https://github.com/vuejs/vue-cli/blob/dev/docs/README.md',
+          },
+          {
+            text: 'Vue-Press',
+            link: '/',
+          },
+        ]
+      },
+      {
+        text: 'Ecosystem',
+        items: [
+          {
+            text: 'Help',
+            items: [
+              {
+                text: 'Forum',
+                link: 'https://forum.vuejs.org/'
+              },
+              {
+                text: 'Chat',
+                link: 'https://chat.vuejs.org/'
+              }
+            ]
+          },
+          {
+            text: 'Tooling',
+            items: [
+              {
+                text: 'Devtools',
+                link: 'https://github.com/vuejs/vue-devtools'
+              },
+              {
+                text: 'Webpack Template',
+                link: 'https://vuejs-templates.github.io/webpack'
+              },
+              {
+                text: 'Vue Loader',
+                link: 'https://vue-loader.vuejs.org'
+              }
+            ]
+          },
+          {
+            text: 'News',
+            items: [
+              {
+                text: 'Weekly News',
+                link: 'https://news.vuejs.org'
+              },
+              {
+                text: 'Roadmap',
+                link: 'https://github.com/vuejs/roadmap'
+              },
+              {
+                text: 'Twitter',
+                link: 'https://twitter.com/vuejs'
+              },
+              {
+                text: 'Blog',
+                link: 'https://medium.com/the-vue-point'
+              },
+              {
+                text: 'Jobs',
+                link: 'https://vuejobs.com/?ref=vuejs'
+              }
+            ]
+          },
+          {
+            text: 'Resource Lists',
+            items: [
+              {
+                text: 'Vue Curated',
+                link: 'https://curated.vuejs.org/'
+              },
+              {
+                text: 'Awesome Vue',
+                link: 'https://github.com/vuejs/awesome-vue'
+              }
+            ]
+          }
+        ]
+      }
+    ],
     nav: {
       default: [
         {

lib/default-theme/NavLink.vue

@@ -3,13 +3,14 @@
     class="router-link"
     :to="link"
     v-if="!isExternal(link)"
-    exact
+    :exact="link === '/'"
   >{{ item.text }}</router-link>
   <a
     v-else
     :href="link"
     target="_blank"
     class="router-link"
+    rel="noopener noreferrer"
   >{{ item.text }}</a>
 </template>
 

lib/default-theme/NavLinks.vue

@@ -12,11 +12,13 @@
         <span class="arrow"></span>
         <ul class="nav-dropdown">
           <li
+            class="dropdown-item"
             v-for="subItem in item.items"
             :key="subItem.link">
             <h4 v-if="subItem.type === 'links'">{{ subItem.text }}</h4>
-            <ul v-if="subItem.type === 'links'">
+            <ul class="dropdown-subitem-wrapper" v-if="subItem.type === 'links'">
               <li
+                class="dropdown-subitem"
                 v-for="childSubItem in subItem.items"
                 :key="childSubItem.link">
                 <nav-link :item="childSubItem"></nav-link>
@@ -42,8 +44,8 @@
 
 <script>
 import OutboundLink from './OutboundLink.vue'
-import NavLink from './NavLink.vue'
 import { isActive, resolveNavLinkItem } from './util'
+import NavLink from './NavLink.vue'
 
 export default {
   components: { OutboundLink, NavLink },
@@ -106,9 +108,18 @@ export default {
         border-right 4px solid transparent
         border-top 5px solid #ccc
       .nav-dropdown
-        li
+        .dropdown-item
           color inherit
           line-height 1.7rem
+          h4
+            margin 0.45rem 0 0
+            border-top 1px solid #eee
+            padding 0.45rem 1.5rem 0 1.25rem
+          .dropdown-subitem-wrapper
+            padding 0
+            list-style none
+            .dropdown-subitem
+              font-size 0.9em
           a
             display block
             height 1.7rem
@@ -136,13 +147,6 @@ export default {
             margin-top 0
             padding-top 0
             border-top 0
-          & > h4
-            margin 0.45rem 0 0
-            border-top 1px solid #eee
-            padding 0.45rem 1.5rem 0 1.25rem
-          & > ul
-            padding 0
-            list-style none
   .github-link
     margin-left 1.5rem
 

lib/default-theme/Sidebar.vue

@@ -19,7 +19,7 @@
 import SidebarGroup from './SidebarGroup.vue'
 import SidebarLink, { groupHeaders } from './SidebarLink.vue'
 import NavLinks from './NavLinks.vue'
-import { isActive } from './util'
+import { isActive, resolveSidebarItems } from './util'
 
 export default {
   components: { SidebarGroup, SidebarLink, NavLinks },
@@ -92,16 +92,19 @@ function resolveOpenGroupIndex (route, items) {
         display inline-block
         margin-bottom 0.5rem
       .nav-dropdown
-        li a, h4
-          font-size 15px
-          height 2rem
-          line-height 2rem
-        h4
-          border-top 0
-          margin-top 0
-          padding-top 0
-        ul > li
-          padding-left 1rem
+        .dropdown-item
+          h4
+            border-top 0
+            margin-top 0
+            padding-top 0
+          h4, & > a
+            font-size 15px
+            height 2rem
+            line-height 2rem
+          .dropdown-subitem
+            font-size 14px
+            padding-left 1rem
+
   .sidebar-links
     margin-top 1.5rem