ayanova/src/App.vue

@@ -151,9 +151,9 @@
       <v-spacer></v-spacer>
       <v-btn text icon :data-cy="!!$ay.dev ? 'notification' : false">
         <!-- :value="unreadMsgs.length > 1" -->
-        <v-badge color="red" overlap left :value="true">
+        <v-badge color="red" overlap left :value="newNotificationCount() > 0">
           <template v-slot:badge>
-            4
+            {{ newNotificationCount() }}
           </template>
           <v-icon>fa-bell</v-icon>
         </v-badge>
@@ -376,6 +376,9 @@ export default {
     },
     clickMenuItem(item) {
       window.$gz.eventBus.$emit("menu-click", item);
+    },
+    newNotificationCount() {
+      return this.$store.state.newNotificationCount;
     }
   }
 };