Merge branch '662-Notifications.vue' into 'develop'

#662: Resolve "Add contexts to translatable strings"

See merge request funkwhale/funkwhale!604

front/src/views/Notifications.vue

@@ -2,20 +2,20 @@
   <main class="main pusher" v-title="labels.title">
     <section class="ui vertical aligned stripe segment">
       <div v-if="isLoading" :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
-        <div class="ui text loader"><translate>Loading notifications…</translate></div>
+        <div class="ui text loader"><translate :translate-context="'Content/Notifications/Paragraph'">Loading notifications…</translate></div>
       </div>
       <div v-else class="ui container">
-        <h1 class="ui header"><translate>Your notifications</translate></h1>
+        <h1 class="ui header"><translate :translate-context="'Content/Notifications/Title'">Your notifications</translate></h1>
         <div class="ui toggle checkbox">
           <input v-model="filters.is_read" type="checkbox">
-          <label><translate>Show read notifications</translate></label>
+          <label><translate :translate-context="'Content/Notifications/Form.Label/Verb'">Show read notifications</translate></label>
         </div>
         <div
           v-if="filters.is_read === false && notifications.count > 0"
           @click="markAllAsRead"
           class="ui basic labeled icon right floated button">
           <i class="ui check icon" />
-          <translate>Mark all as read</translate>
+          <translate :translate-context="'Content/Notifications/Button.Label/Verb'">Mark all as read</translate>
         </div>
         <div class="ui hidden divider" />
         <table v-if="notifications.count > 0" class="ui table">
@@ -24,7 +24,7 @@
           </tbody>
         </table>
         <p v-else>
-          <translate>No notification to show.</translate>
+          <translate :translate-context="'Content/Notifications/Paragraph'">No notification to show.</translate>
         </p>
       </div>
     </section>
@@ -71,7 +71,7 @@ export default {
     }),
     labels() {
       return {
-        title: this.$gettext("Notifications")
+        title: this.$pgettext('Head/Notifications/Title', "Notifications")
       }
     }
   },