[Doc] add Internationalization document (#321)

* fix: Tabbar icon line-height * [new feature] progress add showPivot prop * [new feature] TabItem support vue-router * [new feature] update document header style * [Doc] add toast english ducoment * [bugfix] Search box-sizing wrong * [Doc] update vant-demo respo * [Doc] translate theme & demo pages * [Doc] add Internationalization document
2017-11-16 01:06:41 -06:00
parent 5eb3303ec6
commit 5cbc374208
4 changed files with 91 additions and 0 deletions
@@ -0,0 +1,39 @@
+# Internationalization
+The default language of Vant is Chinese. If you want to use other languages, you can follow the instructions below.
+
+### Switch languages
+Vant supports multiple languages with the Locale component, and the `Locale.use` method allows you to switch to diffrent languages.
+
+```js
+import { Locale } from 'vant';
+import enUS from 'vant/lib/locale/lang/en-US';
+
+Locale.use('en-US', enUS);
+```
+
+### Modify default configs
+Use `Locale.add` method to modify the default configs.
+
+```js
+import { Locale } from 'vant';
+
+const messages = {
+  'en-US': {
+    vanPicker: {
+      confirm: 'Close'
+    }
+  }
+};
+
+Locale.add(messages);
+```
+
+### Config files
+Current supported languages:
+
+| Language | Filename |
+|-----------|-----------|
+| Chinese | zh-CN |
+| English | en-US |
+
+View all language configs [Here](https://github.com/youzan/vant/tree/dev/packages/locale/lang).