ant-design-vue/components/locale-provider/index.en-US.md

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 'ant-design-vue/lib/locale-provider/fr_FR';
  import moment from 'moment';
  import 'moment/locale/fr';

  moment.locale('fr');
  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.

Examples