Merge #372

372: Communicate filters and numeric filters properly to instantsearch r=bidoubiwa a=bidoubiwa

See: meilisearch/meilisearch-vue#21

Numeric filters were not added to instantsearch's filters field. 

Demo: https://codesandbox.io/s/meilisearch-boardgames-uj2tr?file=/src/App.vue

Co-authored-by: Charlotte Vermandel <[email protected]>

Author: bors[bot]

src/index.ts

@@ -30,18 +30,24 @@ export function instantMeiliSearch(
       attributesToSnippet: attributesToCrop,
       attributesToRetrieve,
       attributesToHighlight,
-      filters,
+      filters = '',
+      numericFilters = [],
     }) {
       const limit = this.paginationTotalHits
 
+      const filter = [numericFilters.join(' AND '), filters.trim()]
+        .filter((x) => x)
+        .join(' AND ')
+        .trim()
+
       // Creates search params object compliant with MeiliSearch
       return {
         q: query,
         ...(facets?.length && { facetsDistribution: facets }),
         ...(facetFilters && { facetFilters }),
         ...(attributesToCrop && { attributesToCrop }),
         ...(attributesToRetrieve && { attributesToRetrieve }),
-        ...(filters && { filters }),
+        ...(filter && { filters: filter }),
         attributesToHighlight: attributesToHighlight || ['*'],
         limit: (!this.placeholderSearch && query === '') || !limit ? 0 : limit,
       }