Fix missing translations key (#133)

* translation: add simplified & traditional chinese

* Fix missing translations

* fix chinese translations

frontend/src/components/UI/ButtonRow.vue

@@ -14,8 +14,8 @@
           <v-icon>mdi-delete</v-icon>
         </v-btn>
         <Confirmation
-          title="Delete Recpie"
-          message="Are you sure you want to delete this recipie?"
+          :title="$t('recipe.delete-recipe')"
+          :message="$t('recipe.delete-confirmation')"
           color="error"
           icon="mdi-alert-circle"
           ref="deleteRecipieConfirm"

frontend/src/components/UI/Confirmation.vue

@@ -21,8 +21,8 @@
 
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn color="grey" text @click="cancel"> Cancel </v-btn>
-        <v-btn :color="color" text @click="confirm"> Confirm </v-btn>
+        <v-btn color="grey" text @click="cancel"> {{ $t("general.cancel") }} </v-btn>
+        <v-btn :color="color" text @click="confirm"> {{ $t("general.confirm") }} </v-btn>
       </v-card-actions>
     </v-card>
   </v-dialog>

frontend/src/components/UI/SearchBar.vue

@@ -6,7 +6,7 @@
       item-text="item.name"
       dense
       light
-      label="Search Mealie"
+      :label="$t('search.search-mealie')"
       :search-input.sync="search"
       hide-no-data
       cache-items

frontend/src/components/UI/UploadBtn.vue

@@ -3,7 +3,7 @@
     <input ref="uploader" class="d-none" type="file" @change="onFileChanged" />
     <v-btn :loading="isSelecting" @click="onButtonClick" color="accent" text>
       <v-icon left> mdi-cloud-upload </v-icon>
-      Upload
+      {{ $t('general.upload') }}
     </v-btn>
   </v-form>
 </template>
@@ -15,7 +15,7 @@ export default {
     url: String,
   },
   data: () => ({
-    defaultButtonText: "Upload",
+    defaultButtonText: this.$t("general.upload"),
     file: null,
     isSelecting: false,
   }),