fix(webui): add i18n for Vuetify datatable

komga-webui/src/locales/ar.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} من {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "الصفوف لكل صفحة:"
+    }
+  },
   "account_settings": {
     "account_settings": "إعدادات الحساب",
     "change_password": "تغيير كلمة السر"

komga-webui/src/locales/de.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} von {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Zeilen pro Seite:"
+    }
+  },
   "account_settings": {
     "account_settings": "Kontoeinstellungen",
     "change_password": "Passwortänderung"

komga-webui/src/locales/en.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} of {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Rows per page:"
+    }
+  },
   "account_settings": {
     "account_settings": "Account Settings",
     "change_password": "change password"

komga-webui/src/locales/es.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} de {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Filas por página:"
+    }
+  },
   "account_settings": {
     "account_settings": "Configuración de cuenta",
     "change_password": "Cambiar contraseña"

komga-webui/src/locales/fr.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} de {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Élements par page:"
+    }
+  },
   "account_settings": {
     "account_settings": "Paramètres du compte",
     "change_password": "Modifier le mot de passe"

komga-webui/src/locales/ko.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{2} 중 {0}-{1}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "페이지 당 행 수:"
+    }
+  },
   "account_settings": {
     "account_settings": "계정 설정",
     "change_password": "비밀번호 변경"

komga-webui/src/locales/nb_NO.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} av {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Rader per side:"
+    }
+  },
   "account_settings": {
     "account_settings": "kontoinnstillinger",
     "change_password": "endre passord"

komga-webui/src/locales/pt_BR.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} de {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Linhas por página:"
+    }
+  },
   "account_settings": {
     "account_settings": "configurações da conta",
     "change_password": "mudar senha"

komga-webui/src/locales/ru.json

@@ -1,4 +1,12 @@
 {
+  "$vuetify": {
+    "dataFooter": {
+      "pageText": "{0}-{1} из {2}"
+    },
+    "dataTable": {
+      "itemsPerPageText": "Строк на странице:"
+    }
+  },
   "account_settings": {
     "account_settings": "настройки учётной записи",
     "change_password": "изменить пароль"

komga-webui/src/plugins/vuetify.ts

@@ -4,7 +4,8 @@ import Vue from 'vue'
 import Vuetify from 'vuetify/lib'
 import colors from 'vuetify/lib/util/colors'
 
-import { Touch } from 'vuetify/lib/directives'
+import {Touch} from 'vuetify/lib/directives'
+import i18n from "@/i18n";
 
 Vue.use(Vuetify, {
   directives: {
@@ -17,6 +18,10 @@ export default new Vuetify({
     iconfont: 'mdi',
   },
 
+  lang: {
+    t: (key, ...params) => i18n.t(key, params).toString(),
+  },
+
   theme: {
     options: {
       customProperties: true,