93 lines
2.6 KiB
Vue
93 lines
2.6 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import docsearch from '@docsearch/js'
|
||
|
|
import { useRouter } from 'vitepress'
|
||
|
|
import type { DefaultTheme } from 'vitepress/theme'
|
||
|
|
import { nextTick, onMounted, watch } from 'vue'
|
||
|
|
import { useData } from '../composables/data'
|
||
|
|
|
||
|
|
const props = defineProps<{
|
||
|
|
algolia: DefaultTheme.AlgoliaSearchOptions
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const router = useRouter()
|
||
|
|
const { site, localeIndex, lang } = useData()
|
||
|
|
|
||
|
|
onMounted(update)
|
||
|
|
watch(localeIndex, update)
|
||
|
|
|
||
|
|
async function update() {
|
||
|
|
await nextTick()
|
||
|
|
const options = {
|
||
|
|
...props.algolia,
|
||
|
|
...props.algolia.locales?.[localeIndex.value]
|
||
|
|
}
|
||
|
|
const rawFacetFilters = options.searchParameters?.facetFilters ?? []
|
||
|
|
const facetFilters = [
|
||
|
|
...(Array.isArray(rawFacetFilters)
|
||
|
|
? rawFacetFilters
|
||
|
|
: [rawFacetFilters]
|
||
|
|
).filter((f) => !f.startsWith('lang:')),
|
||
|
|
`lang:${lang.value}`
|
||
|
|
]
|
||
|
|
|
||
|
|
// Rebuild the askAi prop as an object:
|
||
|
|
// If the askAi prop is a string, treat it as the assistantId and use
|
||
|
|
// the default indexName, apiKey and appId from the main options.
|
||
|
|
// If the askAi prop is an object, spread its explicit values.
|
||
|
|
const askAiProp = options.askAi
|
||
|
|
const isAskAiString = typeof askAiProp === 'string'
|
||
|
|
|
||
|
|
const askAi = askAiProp
|
||
|
|
? {
|
||
|
|
indexName: isAskAiString ? options.indexName : askAiProp.indexName,
|
||
|
|
apiKey: isAskAiString ? options.apiKey : askAiProp.apiKey,
|
||
|
|
appId: isAskAiString ? options.appId : askAiProp.appId,
|
||
|
|
assistantId: isAskAiString ? askAiProp : askAiProp.assistantId,
|
||
|
|
// Re-use the merged facetFilters from the search parameters so that
|
||
|
|
// Ask AI uses the same language filtering as the regular search.
|
||
|
|
searchParameters: facetFilters.length ? { facetFilters } : undefined
|
||
|
|
}
|
||
|
|
: undefined
|
||
|
|
|
||
|
|
initialize({
|
||
|
|
...options,
|
||
|
|
searchParameters: {
|
||
|
|
...options.searchParameters,
|
||
|
|
facetFilters
|
||
|
|
},
|
||
|
|
askAi
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
|
||
|
|
const options = Object.assign({}, userOptions, {
|
||
|
|
container: '#docsearch',
|
||
|
|
|
||
|
|
navigator: {
|
||
|
|
navigate(item: { itemUrl: string }) {
|
||
|
|
router.go(item.itemUrl)
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
transformItems(items: { url: string }[]) {
|
||
|
|
return items.map((item) => {
|
||
|
|
return Object.assign({}, item, {
|
||
|
|
url: getRelativePath(item.url)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
docsearch(options as any)
|
||
|
|
}
|
||
|
|
|
||
|
|
function getRelativePath(url: string) {
|
||
|
|
const { pathname, hash } = new URL(url, location.origin)
|
||
|
|
return pathname.replace(/\.html$/, site.value.cleanUrls ? '' : '.html') + hash
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div id="docsearch" />
|
||
|
|
</template>
|