Translate recipe settings

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/locales/messages/en-US.json

@@ -180,6 +180,7 @@
     "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",
@@ -193,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",