summaryrefslogtreecommitdiffstats
path: root/docs/api/i18n.md
diff options
context:
space:
mode:
Diffstat (limited to 'docs/api/i18n.md')
-rw-r--r--docs/api/i18n.md44
1 files changed, 44 insertions, 0 deletions
diff --git a/docs/api/i18n.md b/docs/api/i18n.md
new file mode 100644
index 0000000..b58f1e8
--- /dev/null
+++ b/docs/api/i18n.md
@@ -0,0 +1,44 @@
+# Internationalize your plugin
+
+GitBook has built-in support for internationalization. Plugins can register new languages and provide the right messages for different languages.
+
+### Register locale and messages
+
+The first step is to register messages for a language:
+
+```js
+module.exports = GitBook.createPlugin({
+ init: (dispatch, getState, { I18n }) => {
+ dispatch(I18n.registerLocale('en-US', {
+ MY_PLUGIN_MESSAGE: 'Hello World'
+ }));
+ }
+});
+```
+
+### Render a message in a component
+
+`GitBook.connect` adds a `i18n` prop to access the internationalization:
+
+```js
+const GitBook = require('gitbook-core');
+const { React } = GitBook;
+
+const MyButton = React.createClass({
+ propTypes: {
+ i18n: GitBook.Shapes.i18n
+ },
+
+ render() {
+ const { i18n } = this.props;
+
+ return (
+ <GitBook.Button>
+ {i18.t('MY_PLUGIN_MESSAGE')}
+ </GitBook.Button>
+ );
+ }
+});
+
+module.exports = GitBook.connect(MyButton);
+```