add version select dropdown

Author: yyx990803

themes/vue/layout/partials/sidebar.ejs

@@ -3,7 +3,14 @@
         <%- partial('partials/main_menu') %>
     </ul>
     <div class="list">
-        <h2><%- type === 'api' ? 'API Reference' : (type.charAt(0).toUpperCase() + type.slice(1)) %></h2>
+        <h2>
+            <%- type === 'api' ? 'API' : (type.charAt(0).toUpperCase() + type.slice(1)) %>
+            <select class="version-select">
+                <option selected>1.0</option>
+                <option>0.12</option>
+                <option>0.11</option>
+            </select>
+        </h2>
         <ul class="menu-root">
             <% type !== 'api' && site.pages.find({type: type}).sort('order').each(function (p) { %>
                 <li>

themes/vue/source/css/page.styl

@@ -105,6 +105,9 @@ $header-height = 40px
         margin 0
         line-height 1.8em
         padding-left 1em
+    .version-select
+        vertical-align middle
+        margin-left 5px
     .menu-root
         padding-left 0
     .menu-sub

themes/vue/source/js/common.js

@@ -169,4 +169,16 @@
 
   _st('install','HgpxvBc7pUaPUWmG9sgv','2.0.0');
 
+  // version select
+  document.querySelector('.version-select').addEventListener('change', function (e) {
+    var version = e.target.value
+    if (version.indexOf('1.') !== 0) {
+      version = version.replace('.', '')
+      var section = window.location.pathname.match(/\/(\w+?)\//)[1]
+      window.location.assign('http://' + version + '.vuejs.org/' + section + '/')
+    } else {
+      // TODO when 1.x is out
+    }
+  })
+
 })()