From 1dacee695d8a3b4888c7afc4fbcfecc6b63dd4a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lehoczky=20Zolt=C3=A1n?= <ifjlehoczkyzoltan@gmail.com>
Date: Fri, 27 Oct 2023 23:03:49 +0200
Subject: [PATCH] fix(docsearch): do not import directly from `docsearch`

---
 src/runtime/components/AlgoliaDocSearch.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/runtime/components/AlgoliaDocSearch.vue b/src/runtime/components/AlgoliaDocSearch.vue
index 2535a27..3194e54 100644
--- a/src/runtime/components/AlgoliaDocSearch.vue
+++ b/src/runtime/components/AlgoliaDocSearch.vue
@@ -7,8 +7,7 @@
 <script setup lang="ts">
 import type { PropType } from 'vue'
 import { withoutTrailingSlash } from 'ufo'
-import { DocSearchProps, type docsearch as docsearchFunc } from 'docsearch'
-import type { DocSearchTranslations } from '@docsearch/react'
+import type { DocSearchTranslations, DocSearchProps } from '@docsearch/react'
 import type { HitComponentFunc, ModuleBaseOptions, SearchOptions } from '../../types'
 // @ts-ignore - These are Nuxt3 aliases
 import { useRuntimeConfig, useRoute, useRouter, onMounted, watch } from '#imports'
@@ -144,7 +143,9 @@ const withoutBaseUrl = (url: string) => {
   return url
 }
 
-const importDocSearchAtRuntime = async (): Promise<typeof docsearchFunc> => {
+type DocSearchFunc = (props: DocSearchProps & {container: HTMLElement | string}) => void
+
+const importDocSearchAtRuntime = async (): Promise<DocSearchFunc> => {
   const [docsearch] = await Promise.all([
     // @ts-ignore
     import(/* webpackChunkName: "docsearch" */ '@docsearch/js'),