mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-10-15 20:08:19 +00:00
61 lines
2.0 KiB
Svelte
61 lines
2.0 KiB
Svelte
<script lang="ts">
|
|
import docsearch from '@docsearch/js';
|
|
import '@docsearch/css';
|
|
import { onMount } from 'svelte';
|
|
import { _, locale, waitLocale } from 'svelte-i18n';
|
|
|
|
let mounted = false;
|
|
|
|
function initDocsearch() {
|
|
docsearch({
|
|
appId: '21XLD94PE3',
|
|
apiKey: 'd2c1ed6cb0ed12adb2bd84eb2a38494d',
|
|
indexName: 'gpx',
|
|
container: '#docsearch',
|
|
searchParameters: {
|
|
facetFilters: ['lang:' + ($locale ?? 'en')],
|
|
},
|
|
placeholder: $_('docs.search.search'),
|
|
disableUserPersonalization: true,
|
|
translations: {
|
|
button: {
|
|
buttonText: $_('docs.search.search'),
|
|
buttonAriaLabel: $_('docs.search.search'),
|
|
},
|
|
modal: {
|
|
searchBox: {
|
|
resetButtonTitle: $_('docs.search.clear'),
|
|
resetButtonAriaLabel: $_('docs.search.clear'),
|
|
cancelButtonText: $_('docs.search.cancel'),
|
|
cancelButtonAriaLabel: $_('docs.search.cancel'),
|
|
searchInputLabel: $_('docs.search.search'),
|
|
},
|
|
footer: {
|
|
selectText: $_('docs.search.to_select'),
|
|
navigateText: $_('docs.search.to_navigate'),
|
|
closeText: $_('docs.search.to_close'),
|
|
},
|
|
noResultsScreen: {
|
|
noResultsText: $_('docs.search.no_results'),
|
|
suggestedQueryText: $_('docs.search.no_results_suggestion'),
|
|
},
|
|
},
|
|
},
|
|
});
|
|
}
|
|
|
|
onMount(() => {
|
|
mounted = true;
|
|
});
|
|
|
|
$: if (mounted && $locale) {
|
|
waitLocale().then(initDocsearch);
|
|
}
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<link rel="preconnect" href="https://21XLD94PE3-dsn.algolia.net" crossorigin />
|
|
</svelte:head>
|
|
|
|
<div id="docsearch" {...$$restProps}></div>
|