1.5 KiB
1.5 KiB
LocaleProvider
LocaleProvider provides a uniform localization support for built-in text of components.
Usage
LocaleProvider takes use of provide/inject, a feature of Vue, to accomplish global effectiveness by wrapping the app only once.
<template>
<a-locale-provider :locale="fr_FR">
<App />
<a-locale-provider>
</template>
<script>
import fr_FR from 'antd/lib/locale-provider/fr_FR';
import 'moment/locale/zh-cn';
export default {
data() {
return {
fr_FR,
}
}
}
</script>
We provide some locale like English, Chinese, Russian, German, French and etc, all locale packages can be found in here.
Note: if you need to use antd's UMD dist file, please use antd/dist/antd-with-locales.js and corresponding moment locale:
<template>
<a-locale-provider :locale="locales.fr_FR">
<App />
<a-locale-provider>
</template>
<script>
const { LocaleProvider, locales } = window.antd;
</script>
Add a new language
If you can't find your language, you are welcome to create a locale package based on en_US and send us a pull request.
Other localization needs
This component aims for localization of the built-in text, if you want to support other documents, we recommend using vue-i18n.