add i18n keys

src/app/pages/admin/index.vue

@@ -5,27 +5,31 @@
         <FormNumberField
           id="session"
           v-model="data.sessionTimeout"
-          label="Session Timeout"
+          :label="$t('general.sessionTimeout')"
         />
       </FormGroup>
       <FormGroup>
-        <FormHeading>Metrics</FormHeading>
+        <FormHeading>{{ $t('general.metrics') }}</FormHeading>
         <FormNullTextField
           id="password"
           v-model="data.metricsPassword"
-          label="Password"
+          :label="$t('passsword')"
         />
         <FormSwitchField
-          id="Prometheus"
+          id="prometheus"
           v-model="data.metricsPrometheus"
-          label="Prometheus"
+          :label="$t('general.prometheus')"
+        />
+        <FormSwitchField
+          id="json"
+          v-model="data.metricsJson"
+          :label="$t('general.json')"
         />
-        <FormSwitchField id="JSON" v-model="data.metricsJson" label="JSON" />
       </FormGroup>
       <FormGroup>
-        <FormHeading>Actions</FormHeading>
+        <FormHeading>{{ $t('form.actions') }}</FormHeading>
-        <FormActionField type="submit" label="Save" />
+        <FormActionField type="submit" :label="$t('form.save')" />
-        <FormActionField label="Revert" @click="revert" />
+        <FormActionField :label="$t('form.revert')" @click="revert" />
       </FormGroup>
     </FormElement>
   </main>

src/i18n/locales/en.json

@@ -107,7 +107,6 @@
   },
   "name": "Name",
   "username": "Username",
-  "password": "Password",
   "signIn": "Sign In",
   "logout": "Logout",
   "updateAvailable": "There is an update available!",
@@ -151,5 +150,17 @@
   "error": {
     "clear": "Clear",
     "login": "Log in error"
-  }
+  },
+  "general": {
+    "sessionTimeout": "Session Timeout",
+    "metrics": "Metrics",
+    "prometheus": "Prometheus",
+    "json": "JSON"
+  },
+  "form": {
+    "actions": "Actions",
+    "save": "Save",
+    "revert": "Revert"
+  },
+  "password": "Password"
 }