Vuetify поддерживает языковую локализацию (i18n) своих компонентах. При загрузке приложения вы можете указать доступные локали и текущую активную локаль с помощью current опции. Служба lang также поддерживает простую интеграцию с vue-i18n.
Чтобы установить доступные локализации или текущую локализацию, передайте параметр lang при инициализации Vuetify. Переданное свойство locales будет объединено с уже существующими локализациями. Вы можете изменить локализацию во время выполнения через объект $vuetify в экземпляре Vue.
В настоящее время Vuetify предоставляет переводы на следующих языках:
- 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 предоставляет только базовую функцию перевода t. Для более продвинутых функций локализации рекомендуется использовать интеграцию Vuetifys с vue-i18n
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.
Если вы строите пользовательские Vuetify компоненты, которые должны входить в движок локализации, вы можете использовать функцию t, которая является частью $vuetify.lang API.
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.
Важным примечанием при использовании внешних плагинов локализации является то, что vuetify не будет автоматически возвращаться на английский язык, если локализации не существует для текущего языка. Так что не забудьте поставить плагин с английской локализацией, а также вашей собственной.