Add title tag to auth & dev pages

frontend/src/plugins/head.js

@@ -13,6 +13,7 @@ const environment =
 export const unhead = createHead()
 
 useHead({
+  title: null,
   templateParams: {
     site: 'eCamp v3',
     separator: '·',

frontend/src/views/auth/Activate.vue

@@ -47,6 +47,13 @@ export default {
       activated: null,
     }
   },
+
+  head() {
+    return {
+      title: this.$tc('views.auth.activate.title'),
+    }
+  },
+
   mounted() {
     // TODO: Change, when templated links are available
     // this.api.href(this.api.get(), 'users', { userId: this.userId }).then(url => {

frontend/src/views/auth/Login.vue

@@ -216,6 +216,11 @@ export default {
       showCredits: true,
     }
   },
+  head() {
+    return {
+      title: this.$tc('global.button.login'),
+    }
+  },
   computed: {
     infoTextSuffix() {
       return LOGIN_INFO_TEXT_KEY

frontend/src/views/auth/Register.vue

@@ -166,6 +166,11 @@ export default {
       recaptcha: null,
     }
   },
+  head() {
+    return {
+      title: this.$tc('views.auth.register.register'),
+    }
+  },
   computed: {
     formData() {
       return {

frontend/src/views/auth/ResetPassword.vue

@@ -130,6 +130,12 @@ export default {
     }
   },
 
+  head() {
+    return {
+      title: this.$tc('views.auth.resetPassword.title'),
+    }
+  },
+
   async mounted() {
     if (getEnv().RECAPTCHA_SITE_KEY) {
       this.recaptcha = load(getEnv().RECAPTCHA_SITE_KEY, {

frontend/src/views/auth/ResetPasswordRequest.vue

@@ -67,6 +67,12 @@ export default {
     }
   },
 
+  head() {
+    return {
+      title: this.$tc('views.auth.resetPasswordRequest.title'),
+    }
+  },
+
   mounted() {
     if (getEnv().RECAPTCHA_SITE_KEY) {
       this.recaptcha = load(getEnv().RECAPTCHA_SITE_KEY, {

frontend/src/views/camp/CampProgram.vue

@@ -188,9 +188,6 @@ export default {
     return {
       title: () =>
         this.$tc('views.camp.campProgram.title') + ': ' + this.period.description,
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/Dashboard.vue

@@ -185,9 +185,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.dashboard.activities'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/Story.vue

@@ -59,9 +59,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.story.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/admin/Activity.vue

@@ -33,9 +33,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.activity.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
 }

frontend/src/views/camp/admin/AdminMaterialLists.vue

@@ -43,9 +43,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.adminMaterialLists.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/admin/Checklists.vue

@@ -16,9 +16,6 @@ export default {
   head() {
     return {
       title: this.$tc('entity.checklist.name', 2),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/admin/Collaborators.vue

@@ -49,9 +49,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.collaborators.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/admin/Info.vue

@@ -51,9 +51,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.info.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   mounted() {

frontend/src/views/camp/admin/Print.vue

@@ -33,9 +33,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.admin.print.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
 }

frontend/src/views/camp/category/Category.vue

@@ -150,9 +150,6 @@ export default {
   head() {
     return {
       title: () => this.category.short + ': ' + this.category.title,
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/checklistOverview/ChecklistLists.vue

@@ -34,9 +34,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.checklistOverview.checklistLists.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   computed: {

frontend/src/views/camp/checklistOverview/ChecklistOverview.vue

@@ -49,9 +49,6 @@ export default {
   head() {
     return {
       title: () => this.checklist.name,
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
   watch: {

frontend/src/views/camp/material/MaterialDetail.vue

@@ -90,9 +90,6 @@ export default {
   head() {
     return {
       title: () => this.materialList.name,
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
 }

frontend/src/views/camp/material/MaterialOverview.vue

@@ -86,9 +86,6 @@ export default {
   head() {
     return {
       title: this.$tc('views.camp.material.materialOverview.title'),
-      templateParams: {
-        section: this.camp.shortTitle,
-      },
     }
   },
 }

frontend/src/views/camp/navigation/NavigationCamp.vue

@@ -10,6 +10,7 @@
 import NavTopbar from '@/views/camp/navigation/desktop/NavTopbar.vue'
 import NavBottombar from '@/views/camp/navigation/mobile/NavBottombar.vue'
 import NavSidebar from '@/views/camp/navigation/mobile/NavSidebar.vue'
+import { campShortTitle } from '@/common/helpers/campShortTitle'
 
 export default {
   name: 'NavigationCamp',
@@ -26,6 +27,13 @@ export default {
       open: false,
     }
   },
+  head() {
+    return {
+      templateParams: {
+        section: () => campShortTitle(this.camp),
+      },
+    }
+  },
 }
 </script>
 

frontend/src/views/dev/Controls.vue

@@ -153,6 +153,11 @@ export default {
       { text: 'api-input.autosave', value: 'api.autosave', sortable: false },
     ],
   }),
+
+  head: {
+    title: 'Controls',
+  },
+
   computed: {
     items() {
       return [

frontend/src/views/dev/Performance.vue

@@ -41,6 +41,11 @@ export default {
       { text: 'Entity', value: 'entity', align: 'right', cellClass: 'tabular-nums' },
     ],
   }),
+
+  head: {
+    title: 'Performance',
+  },
+
   async mounted() {
     const root = await this.api.get()._meta.load