Refactor facet autocomplete

• Better code structure
• Add OR between filters

components/ServerDbTable.vue

@@ -7,7 +7,6 @@ import { useThrottleFn } from '@vueuse/core'
 import type { FacetInputItem } from '@/components/AutocompleteMeiliFacets.vue'
 import { useMeiliSearch } from "#imports"
 // import { saveAs } from "file-saver";
-import { useFileSystemAccess } from '@vueuse/core'
 export interface SortItem {
     key: string,
     order: boolean | 'asc' | 'desc'
@@ -151,9 +150,9 @@ const msFilter = computed(() => {
     } else { return null }
 })
 const computedFilter = computed(() => {
-    console.log(toValue(msFilter))
-    if (msFilter.value !== null) {
-        return [toValue(msFilter), props.numericalFilters].filter(f => f !== undefined && f !== null).join(" AND ")
+    console.log(toValue(msFilterCompo))
+    if (msFilterCompo.value !== null) {
+        return [toValue(msFilterCompo), props.numericalFilters].filter(f => f !== undefined && f !== null).join(" AND ")
     }
 })
 
@@ -187,7 +186,7 @@ async function searchOrFilter() {
         loading.value = true
         // const q = queryInputValue.value === null ? "" : queryInputValue.value
         const q = search.value
-        await msSearch(q, { ...paginationParams.value, filter: toValue(msFilterCompo), sort: msSortBy.value })
+        await msSearch(q, { ...paginationParams.value, filter: toValue(computedFilter), sort: msSortBy.value })
     } catch (error: any) {
         filterError.value = error
         console.log(error)
@@ -203,7 +202,7 @@ function emitRefreshRes() {
     emit("refresh:search", {
         index: props.db,
         query: q,
-        params: { ...notPaginatedParams.value, filter: toValue(msFilterCompo), sort: msSortBy.value }
+        params: { ...notPaginatedParams.value, filter: toValue(computedFilter), sort: msSortBy.value }
     })
 }