Internationalization - Vant 4

Internationalization

Vant uses Chinese as the default language. If you want to use other languages, please follow the instructions below.

Usage

Vant supports multiple languages with the Locale component, and the Locale.use method allows you to switch to different languages.

import { Locale } from'vant'; import enUS from'vant/es/locale/lang/en-US'; Locale.use('en-US', enUS);

Use Locale.add method to modify the default configs.

import { Locale } from'vant'; const messages = { 'en-US': { vanPicker: { confirm: 'Close', }, }, }; Locale.add(messages);

Current supported languages:

View all language configs Here.

If you can’t find the language you need, please send us a Pull Request to add the new language pack, you can refer to Add German language pack PR.

You can get the current language using useCurrentLang method.

functionuseCurrentLang(): Ref<string>;

import { useCurrentLang } from'vant'; const currentLang = useCurrentLang(); console.log(currentLang.value); // --> 'en-US'