feat: support algolia search per locale

Author: ulivz

Diff for: docs/.vuepress/config.js

@@ -47,6 +47,12 @@ module.exports = {
             link: '/default-theme-config/'
           }
         ],
+        algolia: {
+          appId: 'BH4D9OD16A',
+          apiKey: '85cc3221c9f23bfbaa4e3913dd7625ea',
+          indexName: 'vuejs',
+          algoliaOptions: { facetFilters: ["version:v2"] }
+        },
         sidebar: {
           '/guide/': genSidebarConfig('Guide')
         }
@@ -55,6 +61,12 @@ module.exports = {
         label: '简体中文',
         selectText: '选择语言',
         editLinkText: '在 GitHub 上编辑此页',
+        algolia: {
+          appId: 'BH4D9OD16A',
+          apiKey: '5638280abff9d207417bb03be05f0b25',
+          indexName: 'vuejs_cn2',
+          algoliaOptions: { facetFilters: ["version:v2"] }
+        },
         nav: [
           {
             text: '指南',

Diff for: lib/default-theme/AlgoliaSearchBox.vue

@@ -1,22 +1,34 @@
 <template>
   <form id="search-form" class="algolia-search-wrapper search-box">
-    <input id="algolia-search-input" class="search-query st-default-search-input">
+    <input id="algolia-search-input" class="search-query">
   </form>
 </template>
 
 <script>
 export default {
   props: ['options'],
   mounted () {
-    Promise.all([
-      import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
-      import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
-    ]).then(([docsearch]) => {
-      docsearch = docsearch.default
-      docsearch(Object.assign(this.options, {
-        inputSelector: '#algolia-search-input'
-      }))
-    })
+    this.initialize()
+  },
+  methods: {
+    initialize () {
+      Promise.all([
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.js'),
+        import(/* webpackChunkName: "docsearch" */ 'docsearch.js/dist/cdn/docsearch.min.css')
+      ]).then(([docsearch]) => {
+        docsearch = docsearch.default
+        docsearch(Object.assign(this.options, {
+          debug: true,
+          inputSelector: '#algolia-search-input'
+        }))
+      })
+    }
+  },
+  watch: {
+    options (newValue) {
+      this.$el.innerHTML = '<input id="algolia-search-input" class="search-query">'
+      this.initialize(newValue)
+    }
   }
 }
 </script>

Diff for: lib/default-theme/Navbar.vue

@@ -12,7 +12,7 @@
       </span>
     </router-link>
     <div class="links">
-      <AlgoliaSearchBox v-if="isAlgoliaSearch" :options="$site.themeConfig.algolia"/>
+      <AlgoliaSearchBox v-if="isAlgoliaSearch" :options="algolia"/>
       <SearchBox v-if="isSearch"/>
       <NavLinks class="can-hide"/>
     </div>
@@ -28,8 +28,11 @@ import NavLinks from './NavLinks.vue'
 export default {
   components: { SidebarButton, NavLinks, SearchBox, AlgoliaSearchBox },
   computed: {
+    algolia () {
+      return this.$themeLocaleConfig.algolia || this.$site.themeConfig.algolia || {}
+    },
     isAlgoliaSearch () {
-      const { algolia } = this.$site.themeConfig
+      const algolia = this.algolia
       return algolia && algolia.appId && algolia.apiKey && algolia.indexName
     },
     isSearch() {