fix: avoid algoliasearch async import build errors

Author: kazupon

docs/.vitepress/theme/components/AlgoliaSearchBox.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { AlgoliaSearchOptions } from 'algoliasearch'
-// import docsearch from '@docsearch/js'
-// import '@docsearch/css'
+import docsearch from '@docsearch/js'
+import '@docsearch/css'
 import { useRoute, useRouter } from 'vitepress'
 import { getCurrentInstance, onMounted, PropType, watch } from 'vue'
 
@@ -53,89 +53,79 @@ export default {
     }
 
     function initialize(userOptions: any) {
-      Promise.all([
-        import('@docsearch/js'),
-        import('@docsearch/css'),
-        // import(/* webpackChunkName: "docsearch" */ '@docsearch/js'),
-        // Promise.resolve(docsearch),
-        // import(/* webpackChunkName: "docsearch" */ '@docsearch/css'),
-      ]).then(([docsearch]) => {
-        docsearch = docsearch.default
-
-        docsearch(
-          Object.assign({}, userOptions, {
-            container: '#docsearch',
-            // #697 Make DocSearch work well in i18n mode.
-            searchParameters: Object.assign(
-              {},
-              // lang && {
-              //   facetFilters: [`lang:${lang}`].concat(
-              //     userOptions.facetFilters || []
-              //   )
-              // },
-              userOptions.searchParameters
-            ),
-            navigator: {
-              navigate: ({ suggestionUrl }: { suggestionUrl: string }) => {
-                const { pathname: hitPathname } = new URL(
-                  window.location.origin + suggestionUrl
-                )
-
-                // Vue Router doesn't handle same-page navigation so we use
-                // the native browser location API for anchor navigation.
-                if (route.path === hitPathname) {
-                  window.location.assign(window.location.origin + suggestionUrl)
-                } else {
-                  router.go(suggestionUrl)
-                }
-              },
+      docsearch(
+        Object.assign({}, userOptions, {
+          container: '#docsearch',
+          // #697 Make DocSearch work well in i18n mode.
+          searchParameters: Object.assign(
+            {},
+            // lang && {
+            //   facetFilters: [`lang:${lang}`].concat(
+            //     userOptions.facetFilters || []
+            //   )
+            // },
+            userOptions.searchParameters
+          ),
+          navigator: {
+            navigate: ({ suggestionUrl }: { suggestionUrl: string }) => {
+              const { pathname: hitPathname } = new URL(
+                window.location.origin + suggestionUrl
+              )
+
+              // Vue Router doesn't handle same-page navigation so we use
+              // the native browser location API for anchor navigation.
+              if (route.path === hitPathname) {
+                window.location.assign(window.location.origin + suggestionUrl)
+              } else {
+                router.go(suggestionUrl)
+              }
             },
-            transformItems: items => {
-              return items.map(item => {
-                return Object.assign({}, item, {
-                  url: getRelativePath(item.url),
-                })
+          },
+          transformItems: items => {
+            return items.map(item => {
+              return Object.assign({}, item, {
+                url: getRelativePath(item.url),
               })
-            },
-            hitComponent: ({ hit, children }) => {
-              const relativeHit = hit.url.startsWith('http')
-                ? getRelativePath(hit.url as string)
-                : hit.url
-
-              return {
-                type: 'a',
-                ref: undefined,
-                constructor: undefined,
-                key: undefined,
-                props: {
-                  href: hit.url,
-                  onClick: (event: MouseEvent) => {
-                    if (isSpecialClick(event)) {
-                      return
-                    }
-
-                    // We rely on the native link scrolling when user is
-                    // already on the right anchor because Vue Router doesn't
-                    // support duplicated history entries.
-                    if (route.path === relativeHit) {
-                      return
-                    }
-
-                    // If the hits goes to another page, we prevent the native link behavior
-                    // to leverage the Vue Router loading feature.
-                    if (route.path !== relativeHit) {
-                      event.preventDefault()
-                    }
-
-                    router.go(relativeHit)
-                  },
-                  children,
+            })
+          },
+          hitComponent: ({ hit, children }) => {
+            const relativeHit = hit.url.startsWith('http')
+              ? getRelativePath(hit.url as string)
+              : hit.url
+
+            return {
+              type: 'a',
+              ref: undefined,
+              constructor: undefined,
+              key: undefined,
+              props: {
+                href: hit.url,
+                onClick: (event: MouseEvent) => {
+                  if (isSpecialClick(event)) {
+                    return
+                  }
+
+                  // We rely on the native link scrolling when user is
+                  // already on the right anchor because Vue Router doesn't
+                  // support duplicated history entries.
+                  if (route.path === relativeHit) {
+                    return
+                  }
+
+                  // If the hits goes to another page, we prevent the native link behavior
+                  // to leverage the Vue Router loading feature.
+                  if (route.path !== relativeHit) {
+                    event.preventDefault()
+                  }
+
+                  router.go(relativeHit)
                 },
-              }
-            },
-          })
-        )
-      })
+                children,
+              },
+            }
+          },
+        })
+      )
     }
 
     onMounted(() => {

package.json

@@ -121,7 +121,7 @@
     "ts-jest": "^26.4.0",
     "typescript": "^4.1.2",
     "typescript-eslint-language-service": "^4.1.2",
-    "vitepress": "^0.11.0",
+    "vitepress": "^0.11.3",
     "vue": "^3.0.0"
   },
   "engines": {

yarn.lock

@@ -9849,10 +9849,10 @@ vite@^2.0.0-beta.21:
   optionalDependencies:
     fsevents "~2.1.2"
 
-vitepress@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/vitepress/-/vitepress-0.11.1.tgz#1eee2dac8d3aad8d488558ddbc2367e33b2a2a3f"
-  integrity sha512-ThjTFNQjlVcVz0UNv1zV6fs1cYs8h/xNWmzrbF08gqKtE6vTSRVEb9SVlIXq1LVt13/0+t5XyddEURi5wo1Big==
+vitepress@^0.11.3:
+  version "0.11.3"
+  resolved "https://registry.yarnpkg.com/vitepress/-/vitepress-0.11.3.tgz#bcc1b06792a3786175f72a1735ea4dc724d14c85"
+  integrity sha512-9WaZzlJgmOYXlMoTGaROP1npCp1A6V6BYB2nbYucsID0aTrm79p18Tdg2OEjG8X3iAOgN2PX5c1IXmrUneycqA==
   dependencies:
     "@docsearch/css" "^1.0.0-alpha.28"
     "@docsearch/js" "^1.0.0-alpha.28"