Fix translations on Vue-enabled notification pages

aleksis/core/assets/components/notifications/NotificationItem.vue

@@ -22,7 +22,7 @@
 
         <v-list-item-action v-if="notification.link">
           <v-btn text :href="notification.link">
-            {{ this.$root.django.gettext('More information →') }}
+            {{ $root.django.gettext('More information →') }}
           </v-btn>
         </v-list-item-action>
 

aleksis/core/assets/components/notifications/NotificationList.vue

@@ -4,14 +4,14 @@
     :pollInterval="1000"
   >
     <template v-slot="{ result: { error, data }, isLoading }">
-      <v-list two-line v-if="data && data.myNotifications.notifications">
+      <v-list two-line v-if="data && data.myNotifications.notifications.length">
         <NotificationItem
           v-for="notification in data.myNotifications.notifications"
           :key="notification.id"
           :notification="notification"
         />
       </v-list>
-      <p v-else>{{ this.$root.django.gettext('No notifications available yet.') }}</p>
+      <p v-else>{{ $root.django.gettext('No notifications available yet.') }}</p>
     </template>
   </ApolloQuery>
 </template>