diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 46e12cb..b07db90 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -38,6 +38,9 @@
           :data-icon="mainItem.icon"
           :key="mainItem.path"
           :class="{ active: isCurrent(mainItem), disabled: mainItem.disabled }"
+          :data-count="
+            mainItem.title === 'Notifications' ? notificationCount() : undefined
+          "
         >
           <router-link
             :to="mainItem.path"
@@ -155,6 +158,11 @@ function collapse() {
     isExpanded.value = false;
   }
 }
+
+function notificationCount() {
+  return user.value.notifications.map((notification) => notification.isRead)
+    .length;
+}
 </script>
 
 <style>