always get all meili facets

components/AutocompleteMeiliFacets.vue

@@ -106,6 +106,7 @@ const autocompleteItems = computed(() => {
                         title: facetItem.title,
                         deletable: false,
                         icon: facetItem?.icon,
+                        count: facetItem?.count,
                         props: {
                             deletable: false,
                             type: "facet"

components/ServerDbTable.vue

@@ -387,7 +387,7 @@ function focusedOrBlur(isFocused: boolean) {
                         </v-autocomplete>
                     </v-toolbar> -->
                     <v-toolbar>
-                        <AutocompleteMeiliFacets v-model="msFilterCompo" :db="props.db" :facets="$props.facets"
+                        <AutocompleteMeiliFacets v-model="msFilterCompo" :db="props.db" :facets="props.facets"
                             :facet-distribution="props.facetDistribution" @update:modelValue="emitRefreshRes">
                         </AutocompleteMeiliFacets>
                     </v-toolbar>

components/content/RefseqDb.vue

@@ -19,9 +19,25 @@ const dbName = ref("refseq")
 const scaleTransform: Ref<string[]> = ref([])
 
 const facetDistribution: Ref<Record<string, Record<string, number>> | undefined> = ref(undefined)
-await callOnce(async () => {
+// await callOnce(async () => {
 
-    console.log("dans le call once")
+//     console.log("dans le call once")
+//     const { data } = await useAsyncMeiliSearch({
+//         index: toValue(dbName), query: "", params: {
+//             facets: ["*"],
+//             filter: [],
+//             page: 1,
+//             hitsPerPage: 25,
+//         }
+//     })
+//     console.log(data)
+
+
+
+//     facetDistribution.value = toValue(data)?.facetDistribution
+// })
+onUpdated(async () => {
+    console.log("dans le mounted refseq")
     const { data } = await useAsyncMeiliSearch({
         index: toValue(dbName), query: "", params: {
             facets: ["*"],
@@ -30,13 +46,29 @@ await callOnce(async () => {
             hitsPerPage: 25,
         }
     })
-    console.log(data)
+    console.log(toValue(data))
+    facetDistribution.value = toValue(data)?.facetDistribution
 
+})
 
 
+onMounted(async () => {
+    console.log("dans le mounted refseq")
+    const { data } = await useAsyncMeiliSearch({
+        index: toValue(dbName), query: "", params: {
+            facets: ["*"],
+            filter: [],
+            page: 1,
+            hitsPerPage: 25,
+        }
+    })
+    console.log(toValue(data))
     facetDistribution.value = toValue(data)?.facetDistribution
+
 })
-onMounted(async () => {
+
+
+onBeforeMount(async () => {
     console.log("dans le mounted refseq")
     const { data } = await useAsyncMeiliSearch({
         index: toValue(dbName), query: "", params: {
@@ -80,7 +112,7 @@ const computedFacets = computed(() => {
     const toValFacetDistribution = toValue(facetDistribution)
     console.log(toValFacetDistribution)
     return toValue(facets).map(facet => {
-        const count = toValFacetDistribution?.[facet.value] ? Object.values(toValFacetDistribution[facet.value]).reduce((acc, curr) => { return acc + curr }, 0) : undefined
+        const count = toValFacetDistribution?.[facet.value] ? Object.keys(toValFacetDistribution[facet.value]).length : undefined
 
         return count ? { ...facet, count } : { ...facet }
     })