docs(examples): use getAlgoliaHits before returning sources

algolia · Sep 10, 2020 · 523f015 · 523f015
1 parent b178487
commit 523f015
Showing 1 changed file with 27 additions and 25 deletions.
diff --git a/examples/js/app.ts b/examples/js/app.ts
@@ -16,33 +16,35 @@ autocomplete<QuerySuggestionHit>({
  container: '#autocomplete',
  debug: true,
  // dropdownPlacement: 'start',
- getSources() {
- return [
- {
- getInputValue: ({ suggestion }) => suggestion.query,
- getSuggestions({ query }) {
- return getAlgoliaHits({
- searchClient,
- queries: [
- {
- indexName: 'instant_search_demo_query_suggestions',
- query,
- params: {
- hitsPerPage: 4,
- },
- },
- ],
- });
+ getSources({ query }) {
+ return getAlgoliaHits({
+ searchClient,
+ queries: [
+ {
+ indexName: 'instant_search_demo_query_suggestions',
+ query,
+ params: {
+ hitsPerPage: 4,
+ },
  },
- templates: {
- item({ item }) {
- return reverseHighlightItem<QuerySuggestionHit>({
- item,
- attribute: 'query',
- });
+ ],
+ }).then((hits) => {
+ return [
+ {
+ getInputValue: ({ suggestion }) => suggestion.query,
+ getSuggestions() {
+ return hits;
+ },
+ templates: {
+ item({ item }) {
+ return reverseHighlightItem<QuerySuggestionHit>({
+ item,
+ attribute: 'query',
+ });
+ },
  },
  },
- },
- ];
+ ];
+ });
  },
 });