Vuetify prend en charge l'internationalisation linguistique (i18n) de ses composants. Lors du bootstrapping de votre application, vous pouvez spécifier les langues disponibles et la langue actuellement active avec l'optioncurrent. Le service lang permet aussi l'intégration facile avec vue-i18n.
Pour définir les langues disponibles ou la langue actuelle, indiquez l'option lang lors de l'installation de Vuetify. La propriété locales fournie sera fusionnée avec les langues déjà existantes. Vous pouvez modifier les langues pendant l'exécution à l'aide de l'objet $vuetify sur l'instance Vue.
Actuellement, Vuetify fournit des traductions dans les langues suivantes :
- 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 fournit seulement une fonction de traduction de base t. Il est recommandé pour des fonctions d'internationalisation plus avancées pour utiliser l'intégration de Vuetifys avec vue-i18n
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
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.
Si vous construisez des composants Vuetify personnalisés qui doivent s'accrocher au moteur d'internationalisation, vous pouvez utiliser la fonction t qui fait partie de l'API $vuetify.lang.
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.
Une remarque importante lors de l’utilisation de plugins de localisation externes est que vuetify ne retombera pas automatiquement en anglais si aucune localisation n’existe pour les langues actuelles. Assurez-vous donc de fournir au plugin les localisations anglaises ainsi que les vôtres.