Add sponsors and push history state when search is updated in search page

Author: NoelDeMartin

src/v2/search/index.md

@@ -1,3 +1,5 @@
 ---
+title: Search Vue.js
+type: search
 search: true
 ---

themes/vue/layout/partials/sidebar.ejs

@@ -5,24 +5,26 @@
     </ul>
     <div class="list">
       <%- partial('partials/sponsors_sidebar') %>
-      <h2>
-        <% titles = {
-          api: 'API',
-          examples: 'Examples',
-          guide: 'Guide',
-          'style-guide': 'Style Guide<sup class="beta">beta</sup>'
-        } %>
-        <%- titles[type] %>
-        <% if (['cookbook', 'style-guide'].indexOf(type) === -1) { %>
-          <select class="version-select">
-            <option value="SELF" selected>2.x</option>
-            <option value="v1">1.0</option>
-            <option value="012">0.12</option>
-            <option value="011">0.11</option>
-          </select>
-        <% } %>
-      </h2>
-      <%- partial('partials/toc', { type: type }) %>
+      <% if (type !== 'search') { %>
+        <h2>
+          <% titles = {
+            api: 'API',
+            examples: 'Examples',
+            guide: 'Guide',
+            'style-guide': 'Style Guide<sup class="beta">beta</sup>'
+          } %>
+          <%- titles[type] %>
+          <% if (['cookbook', 'style-guide'].indexOf(type) === -1) { %>
+            <select class="version-select">
+              <option value="SELF" selected>2.x</option>
+              <option value="v1">1.0</option>
+              <option value="012">0.12</option>
+              <option value="011">0.11</option>
+            </select>
+          <% } %>
+        </h2>
+        <%- partial('partials/toc', { type: type }) %>
+      <% } %>
     </div>
   </div>
 </div>

themes/vue/layout/search-page.ejs

@@ -91,6 +91,11 @@ var searchPage = new Vue({
   watch: {
     search() {
       this.updateSearch()
+      window.history.pushState(
+        {},
+        'Vue.js Search',
+        window.location.origin + window.location.pathname + '?q=' + encodeURIComponent(this.search)
+      )
     }
   },
   created() {