Vuetify unterstützt die Internationalisierung (i18n) der Komponenten. Beim Hochfahren Ihrer Anwendung können Sie die verfügbaren Sprachen und die aktuell aktive Sprache mit der current-Option angeben. Der lang-Service unterstützt auch eine einfache Integration mit vue-i18n.
Um die verfügbaren Sprachen oder die aktuelle Sprache zu setzen, geben Sie die Option lang bei der Installation von Vuetify an. Die angegebene locales-Eigenschaft wird mit den bereits existierenden Sprachen zusammengeführt. Sie können das Gebietsschema während der Laufzeit durch das $vuetify-Objekt in der Vue Instanz ändern.
Zur Zeit bietet Vuetify Übersetzungen in den folgenden Sprachen:
- af - Afrikaans (Afrikaans)
- ar - Arabic (اللغة العربية)
- az - Azerbaijani (azərbaycan dili)
- ca - Catalan (català)
- ckb -
- cs - Czech (čeština)
- de - German (Deutsch)
- el - Greek (Ελληνικά)
- en - English
- es - Spanish (Español)
- et - Estonian (eesti)
- fa - Persian (فارسی)
- fi - Finnish (suomi)
- fr - French (Français)
- he - Hebrew (עברית)
- hr - Croatian (hrvatski jezik)
- hu - Hungarian (magyar)
- id - Indonesian (Indonesian)
- it - Italian (Italiano)
- ja - Japanese (日本語)
- ko - Korean (한국어)
- lt - Lithuanian (lietuvių kalba)
- lv - Latvian (latviešu valoda)
- nl - Dutch (Nederlands)
- no - Norwegian (Norsk)
- pl - Polish (język polski)
- pt - Portuguese (Português)
- ro - Romanian (Română)
- ru - Russian (Русский)
- sk - Slovak (slovenčina)
- sl - Slovene (slovenski jezik)
- srCyrl - Serbian (српски језик)
- sv - Swedish (svenska)
- th - Thai (ไทย)
- tr - Turkish (Türkçe)
- uk - Ukrainian (Українська)
- zhHans - Chinese (中文)
- zhHant - Chinese (中文)
Vuetify bietet nur eine grundlegende Übersetzungsfunktion t. Für fortgeschrittenere Internationalisierungen wird empfohlen Vuetifys Integration um vue-i18n zu erweitern
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
To create your own translation, use the code below. You will inherit Vuetify's translations, but also can add your own. Alternatively, you can copy and paste the content of vuetify/src/locale/en.ts, but it'll require manual file syncing during updates.
Wenn Sie eigene Vuetify-Komponenten erstellen, die in die Internationalisierungs-Engine eingehängt werden müssen, können Sie die t-Funktion verwenden, die Teil der $vuetify.lang API ist.
If you are using the vue-i18n package, you can very easily integrate it with Vuetify. This allows you to keep all of your translations in one place. Simply create an entry for $vuetify within your messages and add the corresponding language changes. Then hook up vue-i18n to Vuetify by supplying a custom translation function (as seen in the example below). For a complete list of all available keys, navigate here.
Ein wichtiger Hinweis bei der Verwendung externer Lokalisierungs-Plugins ist, dass vuetify nicht automatisch auf Englisch zurückfällt, wenn keine Lokalisierung für die aktuelle Lokalisierung existiert. Stellen Sie also sicher, dass Sie das Plugin sowohl mit den englischen als auch mit Ihren eigenen Lokalisierungen versorgen.