How to show the pusher realtime notification count?

My vue AdminLayout.vue file code

onMounted(() => {
    Echo.channel('new-contact-mail')
        .listen('.contact.mail.received', (e) => {
            messages.value.unshift(e.notification);
        });
})

I am getting the data. I want to show the new contact mail notification count.

1. If the new mail received counts get updated without page refresh.
2. If the notifications sidebar links gets opened, then mark the count as 0 again.

I could not help myself to find the solution 😒