.the-notifications(v-bind:class="[isNotificationsVisible ? 'the-notifications-open' : '']")
.d-flex.justify-content-between
h3 \{{ $t('strings.notifications') }}
vm-button(type="flat" size="small" @click="markAllNotifications") \{{ $t('strings.see_all') }}
transition-group(name="notifications-list" tag="ul")
li(v-for="(notification, index) in notifications" :key="notification.id" @click="clickNotification(notification)")
vm-avatar(color="primary" :text="notification.data.avatar")
.text
b \{{ notification.data.user }}
slot \{{ $t(notification.data.message) }}
span ยท \{{ notification.created_at | moment("from") }}
.msg(v-show="emptyNotifications")
img(src="@/assets/empty_notifications.jpg")
h3 \{{ $t('notifications.empty_title') }}
span \{{ $t('notifications.empty_msg') }}