Fix titles of category, tag, tool pages (#905)

frontend/components/Domain/Recipe/RecipeCategoryTagToolPage.vue

@@ -67,10 +67,10 @@ export default defineComponent({
         state.headline = i18n.t("tag.tags") as string;
         break;
       case ItemTypes.category:
-        state.headline = i18n.t("recipe.categories") as string;
+        state.headline = i18n.t("category.categories") as string;
         break;
       case ItemTypes.tool:
-        state.headline = "Tools";
+        state.headline = i18n.t("tool.tools") as string;
         state.icon = $globals.icons.potSteam;
         break;
       default:
@@ -99,8 +99,10 @@ export default defineComponent({
       itemsSorted,
     };
   },
-  head: {
+  head() {
-    title: "vbase-nuxt",
+    return {
+      title: this.headline as string,
+    }
   },
 });
-</script>
+</script>

frontend/lang/messages/en-US.json

@@ -33,6 +33,7 @@
     "show-assets": "Show Assets"
   },
   "category": {
+    "categories": "Categories",
     "category-created": "Category created",
     "category-creation-failed": "Category creation failed",
     "category-deleted": "Category Deleted",
@@ -436,6 +437,9 @@
     "tags": "Tags",
     "untagged-count": "Untagged {count}"
   },
+  "tool":{
+    "tools": "Tools"
+  },
   "user": {
     "admin": "Admin",
     "are-you-sure-you-want-to-delete-the-link": "Are you sure you want to delete the link <b>{link}<b/>?",
@@ -491,4 +495,4 @@
     "you-are-not-allowed-to-create-a-user": "You are not allowed to create a user",
     "you-are-not-allowed-to-delete-this-user": "You are not allowed to delete this user"
   }
-}
+}

frontend/pages/recipes/categories/_slug.vue

@@ -51,7 +51,7 @@
     </RecipeCardSection>
   </v-container>
 </template>
-    
+
 <script lang="ts">
 import { defineComponent, useAsync, useRoute, reactive, toRefs, useRouter } from "@nuxtjs/composition-api";
 import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
@@ -109,7 +109,7 @@ export default defineComponent({
   },
   head() {
     return {
-      title: this.$t("sidebar.categories") as string,
+      title: this.$t("category.categories") as string,
     };
   },
   methods: {
@@ -122,4 +122,3 @@ export default defineComponent({
   },
 });
 </script>
-    

frontend/pages/recipes/categories/index.vue

@@ -27,9 +27,5 @@ export default defineComponent({
       categories,
     };
   },
-  // head: {
-  //   // @ts-ignore
-  //   title: this.$t("sidebar.categories") as string,
-  // },
 });
-</script>
+</script>

frontend/pages/recipes/tags/_slug.vue

@@ -51,7 +51,7 @@
     </RecipeCardSection>
   </v-container>
 </template>
-    
+
 <script lang="ts">
 import { defineComponent, useAsync, useRoute, reactive, toRefs, useRouter } from "@nuxtjs/composition-api";
 import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
@@ -109,7 +109,7 @@ export default defineComponent({
   },
   head() {
     return {
-      title: this.$t("sidebar.categories") as string,
+      title: this.$t("tag.tags") as string,
     };
   },
   methods: {
@@ -122,4 +122,3 @@ export default defineComponent({
   },
 });
 </script>
-    

frontend/pages/recipes/tags/index.vue

@@ -26,9 +26,5 @@ export default defineComponent({
       tools,
     };
   },
-  // head: {
-  //   // @ts-ignore
-  //   title: this.$t("sidebar.tags") as string,
-  // },
 });
-</script>
+</script>

frontend/pages/recipes/tools/_slug.vue

@@ -45,7 +45,7 @@
     </RecipeCardSection>
   </v-container>
 </template>
-    
+
 <script lang="ts">
 import { defineComponent, useAsync, useRoute, reactive, toRefs, useRouter } from "@nuxtjs/composition-api";
 import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
@@ -103,7 +103,7 @@ export default defineComponent({
   },
   head() {
     return {
-      title: this.$t("sidebar.categories") as string,
+      title: this.$t("tool.tools") as string,
     };
   },
   methods: {
@@ -116,4 +116,3 @@ export default defineComponent({
   },
 });
 </script>
-    

frontend/pages/recipes/tools/index.vue

@@ -26,8 +26,5 @@ export default defineComponent({
       tools,
     };
   },
-  head: {
-    title: "Tools",
-  },
 });
-</script>
+</script>