More localization (#525)

* More localization

* Localize search dialog

* Fix "about" page title

frontend/src/components/Recipe/CommentSection/index.vue

@@ -4,7 +4,7 @@
       <v-icon large class="mr-2">
         mdi-comment-text-multiple-outline
       </v-icon>
-      Comments
+      {{ $t('recipe.comments') }}
     </v-card-title>
     <v-divider class="mx-2"></v-divider>
     <v-card class="ma-2" v-for="(comment, index) in comments" :key="comment.id">
@@ -43,7 +43,7 @@
     <v-card-text v-if="loggedIn">
       <v-textarea auto-grow row-height="1" outlined v-model="newComment"> </v-textarea>
       <div class="d-flex">
-        <TheButton class="ml-auto" create @click="createNewComment"> Comment </TheButton>
+        <TheButton class="ml-auto" create @click="createNewComment"> {{ $t('recipe.comment-action') }} </TheButton>
       </div>
     </v-card-text>
   </v-card>

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

@@ -14,7 +14,7 @@
             dense
             solo
             flat
-            placeholder="Section Title"
+            :placeholder="$t('recipe.section-title')"
             background-color="primary"
           >
           </v-text-field>
@@ -41,7 +41,7 @@
               </v-btn>
               {{ $t("recipe.step-index", { step: index + 1 }) }}
               <v-btn v-if="edit" text color="primary" class="ml-auto" @click="toggleShowTitle(index)">
-                {{ !showTitleEditor[index] ? "Insert Section" : "Remove Section" }}
+                {{ !showTitleEditor[index] ? $t('recipe.insert-section') : $t('recipe.remove-section') }}
               </v-btn>
             </v-card-title>
             <v-card-text v-if="edit">

frontend/src/components/Recipe/RecipePageActionMenu.vue

@@ -78,34 +78,39 @@ export default {
   data() {
     return {
       edit: false,
-      editorButtons: [
-        {
-          text: "Delete",
-          icon: this.$globals.icons.delete,
-          event: DELETE_EVENT,
-          color: "error",
-        },
-        {
-          text: "JSON",
-          icon: "mdi-code-braces",
-          event: JSON_EVENT,
-          color: "accent",
-        },
-        {
-          text: "Close",
-          icon: "mdi-close",
-          event: CLOSE_EVENT,
-          color: "",
-        },
-        {
-          text: "Save",
-          icon: this.$globals.icons.save,
-          event: SAVE_EVENT,
-          color: "success",
-        },
-      ],
     };
   },
+  
+  computed: {
+      editorButtons() {
+        return [
+          {
+            text: this.$t('general.delete'),
+            icon: this.$globals.icons.delete,
+            event: DELETE_EVENT,
+            color: "error",
+          },
+          {
+            text: this.$t('general.json'),
+            icon: "mdi-code-braces",
+            event: JSON_EVENT,
+            color: "accent",
+          },
+          {
+            text: this.$t('general.close'),
+            icon: "mdi-close",
+            event: CLOSE_EVENT,
+            color: "",
+          },
+          {
+            text: this.$t('general.save'),
+            icon: this.$globals.icons.save,
+            event: SAVE_EVENT,
+            color: "success",
+          },
+        ]; 
+      },
+  },
   methods: {
     emitHandler(event) {
       switch (event) {