Fix missing translations key (#133)

* translation: add simplified & traditional chinese

* Fix missing translations

* fix chinese translations

frontend/src/components/Settings/Backup/NewBackupCard.vue

@@ -77,8 +77,8 @@ export default {
   computed: {
     switchLabel() {
       if (this.fullBackup) {
-        return "Full Backup";
-      } else return "Partial Backup";
+        return this.$t("settings.backup.full-backup");
+      } else return this.$t("settings.backup.partial-backup");
     },
   },
   methods: {

frontend/src/components/Settings/Backup/index.vue

@@ -18,7 +18,7 @@
       </v-row>
       <v-divider class="my-3"></v-divider>
       <v-card-title class="mt-n6">
-        Available Backups
+        {{ $t("settings.available-backups") }}
         <span>
           <UploadBtn
             class="mt-1"
@@ -35,10 +35,10 @@
       />
       <SuccessFailureAlert
         ref="report"
-        title="Back Restore Report"
-        success-header="Successfully Imported"
+        :title="$t('settings.backup.backup-restore-report')"
+        :success-header="$t('settings.backup.successfully-imported')"
         :success="successfulImports"
-        failed-header="Failed Imports"
+        :failed-header="$t('settings.backup.failed-imports')"
         :failed="failedImports"
       />
     </v-card-text>

frontend/src/components/Settings/General/index.vue

@@ -1,12 +1,12 @@
 <template>
   <v-card>
     <v-card-title>
-      General Settings
+      {{ $t("settings.general-settings") }}
       <v-spacer></v-spacer>
       <span>
         <v-btn class="pt-1" text href="/docs">
           <v-icon left>mdi-link</v-icon>
-          Local API
+          {{ $t("settings.local-api") }}
         </v-btn>
       </span>
     </v-card-title>
@@ -14,7 +14,7 @@
     <HomePageSettings />
     <v-divider></v-divider>
     <v-card-text>
-      <h2 class="mt-1 mb-1">Language</h2>
+      <h2 class="mt-1 mb-1">{{ $t("settings.language") }}</h2>
       <v-row>
         <v-col>
           <v-select
@@ -22,7 +22,7 @@
             :items="langOptions"
             item-text="name"
             item-value="value"
-            label="Language"
+            :label="$t('settings.language')"
           >
           </v-select>
         </v-col>

frontend/src/components/Settings/Migration/MigrationCard.vue

@@ -35,10 +35,10 @@
         <v-card-actions class="mt-n6">
           <v-spacer></v-spacer>
           <v-btn color="error" text @click="deleteMigration(migration.name)">
-            Delete
+            {{ $t("general.delete") }}
           </v-btn>
           <v-btn color="accent" text @click="importMigration(migration.name)">
-            Import
+            {{ $t("general.import") }}
           </v-btn>
         </v-card-actions>
       </v-card>
@@ -46,7 +46,7 @@
     <div v-else>
       <v-card class="text-center ma-2">
         <v-card-text>
-          No Migration Data Avaiable
+          {{ $t("migration.no-migration-data-available") }}
         </v-card-text>
       </v-card>
     </div>

frontend/src/components/Settings/Migration/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div>
     <SuccessFailureAlert
-      title="Migration Report"
+      :title="$t('migration.migration-report')"
       ref="report"
-      failedHeader="Failed Imports"
+      :failedHeader="$t('migration.failed-imports')"
       :failed="failed"
-      successHeader="Successful Imports"
+      :successHeader="$t('migration.successful-imports')"
       :success="success"
     />
     <v-card :loading="loading">
@@ -54,14 +54,14 @@ export default {
       failed: [],
       migrations: {
         nextcloud: {
-          title: "Nextcloud Cookbook",
-          description: "migrate data from a nextcloud cookbook intance",
+          title: this.$t("migration.nextcloud.title"),
+          description: this.$t("migration.nextcloud.description"),
           urlVariable: "nextcloud",
           availableImports: [],
         },
         chowdown: {
-          title: "Chowdown",
-          description: "Migrate From Chowdown",
+          title: this.$t("migration.chowdown.title"),
+          description: this.$t("migration.chowdown.description"),
           urlVariable: "chowdown",
           availableImports: [],
         },

frontend/src/components/Settings/Theme/NewThemeDialog.vue

@@ -6,7 +6,7 @@
         <v-card-title> {{$t('settings.add-a-new-theme')}} </v-card-title>
         <v-card-text>
           <v-text-field
-            label="Theme Name"
+            :label="$t('settings.theme.theme-name')"
             v-model="themeName"
             :rules="[rules.required]"
           ></v-text-field>
@@ -34,7 +34,7 @@ export default {
       dialog: false,
       themeName: "",
       rules: {
-        required: (val) => !!val || "Required.",
+        required: (val) => !!val || this.$t("settings.theme.theme-name-is-required"),
       },
     };
   },

frontend/src/components/Settings/Theme/index.vue

@@ -21,7 +21,7 @@
             mandatory
             @change="setStoresDarkMode"
           >
-            <v-btn value="system"> Default to system </v-btn>
+            <v-btn value="system"> {{ $t("settings.theme.default-to-system") }} </v-btn>
 
             <v-btn value="light"> {{ $t("settings.theme.light") }} </v-btn>
 
@@ -60,7 +60,7 @@
             <v-btn-toggle group>
               <NewThemeDialog @new-theme="appendTheme" class="mt-1" />
               <v-btn text color="error" @click="deleteSelectedThemeValidation">
-                Delete
+                {{ $t("general.delete") }}
               </v-btn>
             </v-btn-toggle>
             <Confirmation