More localization (#373)

* Translate missing string

* Display language in original language + English

* Translate assets

* Translate recipe settings

frontend/src/components/Recipe/Parts/Assets.vue

@@ -38,7 +38,7 @@
       <v-spacer></v-spacer>
       <base-dialog
         @submit="addAsset"
-        title="New Asset"
+        :title="$t('recipe.new-asset')"
         :title-icon="newAsset.icon"
       >
         <template v-slot:open="{ open }">

frontend/src/components/Recipe/Parts/Helpers/SettingsMenu.vue

@@ -12,7 +12,7 @@
       <v-card>
         <v-card-title class="py-2">
           <div>
-            Recipe Settings
+            {{$t('recipe.recipe-settings')}}
           </div>
         </v-card-title>
         <v-divider class="mx-2"></v-divider>
@@ -39,14 +39,18 @@ export default {
   props: {
     value: Object,
   },
-  data: () => ({
-    labels: {
-      public: "Public Recipe",
-      showNutrition: "Show Nutrition Values",
-      showAssets: "Show Assets",
-      landscapeView: "Landscape View (Coming Soon)",
-    },
-  }),
+
+  computed: {
+    labels() {
+      return {
+      public: this.$t('recipe.public-recipe'),
+      showNutrition: this.$t('recipe.show-nutrition-values'),
+      showAssets: this.$t('recipe.show-assets'),
+      landscapeView: this.$t('recipe.landscape-view-coming-soon'),
+    };
+    }
+  },
+  
   methods: {},
 };
 </script>

frontend/src/components/UI/Dialogs/BaseDialog.vue

@@ -23,11 +23,11 @@
         <v-card-actions>
           <slot name="card-actions">
             <v-btn text color="grey" @click="dialog = false">
-              Cancel
+              {{$t('general.cancel')}}
             </v-btn>
             <v-spacer></v-spacer>
             <v-btn color="success" @click="submitEvent">
-              Submit
+              {{$t('general.submit')}}
             </v-btn>
           </slot>
         </v-card-actions>

frontend/src/components/UI/TheSiteMenu.vue

@@ -49,7 +49,7 @@ export default {
       return [
         {
           icon: "mdi-account",
-          title: "Login",
+          title: this.$t('user.login'),
           restricted: false,
           login: true,
         },

frontend/src/locales/messages/en-US.json

@@ -180,7 +180,9 @@
     "ingredients": "Ingredients",
     "instructions": "Instructions",
     "key-name-required": "Key Name Required",
+    "landscape-view-coming-soon": "Landscape View (Coming Soon)",
     "milligrams": "milligrams",
+    "new-asset": "New Asset",
     "new-key-name": "New Key Name",
     "no-white-space-allowed": "No White Space Allowed",
     "note": "Note",
@@ -192,15 +194,19 @@
     "perform-time": "Cook Time",
     "prep-time": "Prep Time",
     "protein-content": "Protein",
+    "public-recipe": "Public Recipe",
     "recipe-created": "Recipe created",
     "recipe-creation-failed": "Recipe creation failed",
     "recipe-deleted": "Recipe deleted",
     "recipe-image": "Recipe Image",
     "recipe-image-updated": "Recipe image updated",
     "recipe-name": "Recipe Name",
+    "recipe-settings": "Recipe Settings",
     "recipe-update-failed": "Recipe update failed",
     "recipe-updated": "Recipe updated",
     "servings": "Servings",
+    "show-assets": "Show Assets",
+    "show-nutrition-values": "Show Nutrition Values",
     "sodium-content": "Sodium",
     "step-index": "Step: {step}",
     "sugar-content": "Sugar",

frontend/src/store/modules/language.js

@@ -6,35 +6,35 @@ const state = {
       value: "en-US",
     },
     {
-      name: "Danish",
+      name: "Dansk (Danish)",
       value: "da-DK",
     },
     {
-      name: "French",
+      name: "Français (French)",
       value: "fr-FR",
     },
     {
-      name: "Polish",
+      name: "Polski (Polish)",
       value: "pl-PL",
     },
     {
-      name: "Swedish",
+      name: "Svenska (Swedish)",
       value: "sv-SE",
     },
     {
-      name: "简体中文",
+      name: "简体中文 (Chinese simplified)",
       value: "zh-CN",
     },
     {
-      name: "繁體中文",
+      name: "繁體中文 (Chinese traditional)",
       value: "zh-TW",
     },
     {
-      name: "German",
+      name: "Deutsch (German)",
       value: "de-DE",
     },
     {
-      name: "Português",
+      name: "Português (Portuguese)",
       value: "pt-PT",
     },
   ],