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,
         },