update number of filtered members in tabs

components/suivis/Tableau.vue

@@ -37,7 +37,8 @@ export default {
 		return {
 			search: "",
 			filterStatus: ["NEWCOMER", "", "RENEW", "MISSING", ""],
-			filterCerts: "current"
+			filterCerts: "current",
+			nbItems: 0
 		}
 	},
 	props: {
@@ -67,6 +68,14 @@ export default {
 				localStorage.removeItem("favourites")
 			}
 		}
+	},
+	mounted() {
+		this.$emit("update:nbItems", this.filteredMembers.length)
+	},
+	watch: {
+		filteredMembers(n, o) {
+			this.$emit("update:nbItems", n.length)
+		}
 	}
 }
 </script>

pages/mes-suivis.vue

@@ -38,7 +38,7 @@
 								role="tab"
 								aria-controls="favoris-tab-pane"
 								aria-selected="true">
-								{{ $t("suivis.tabs.favoris") }} ({{ $favourites.list.length }})
+								{{ $t("suivis.tabs.favoris") }} ({{ nbFavoris }})
 							</button>
 						</li>
 						<li class="nav-item" role="presentation">
@@ -54,7 +54,7 @@
 								aria-selected="false">
 								{{ $t("suivis.tabs.certificateurs") }}
 								<span v-if="!$apollo.queries.contacts.loading">
-									({{ contacts.received_certifications.length }})
+									({{ nbReceived }})
 								</span>
 							</button>
 						</li>
@@ -71,7 +71,7 @@
 								aria-selected="false">
 								{{ $t("suivis.tabs.certifies") }}
 								<span v-if="!$apollo.queries.contacts.loading">
-									({{ contacts.sent_certifications.length }})
+									({{ nbSent }})
 								</span>
 							</button>
 						</li>
@@ -91,7 +91,10 @@
 							</transition>
 							<transition name="fade">
 								<div v-if="!$apollo.queries.favoris.loading">
-									<SuivisTableau :members="favoris" type="favoris" />
+									<SuivisTableau
+										:members="favoris"
+										:nbItems.sync="nbFavoris"
+										type="favoris" />
 								</div>
 							</transition>
 						</div>
@@ -111,6 +114,7 @@
 								<div v-if="!$apollo.queries.contacts.loading">
 									<SuivisTableau
 										:members="contacts.received_certifications"
+										:nbItems.sync="nbReceived"
 										type="certificateurs" />
 								</div>
 							</transition>
@@ -131,6 +135,7 @@
 								<div v-if="!$apollo.queries.contacts.loading">
 									<SuivisTableau
 										:members="contacts.sent_certifications"
+										:nbItems.sync="nbSent"
 										type="certifies" />
 								</div>
 							</transition>
@@ -159,7 +164,10 @@ export default {
 					active: true
 				}
 			],
-			error: null
+			error: null,
+			nbFavoris: 0,
+			nbSent: 0,
+			nbReceived: 0
 		}
 	},
 	computed: {