Adding seperate translation files for packages.

client/coral-plugin-replies/ReplyBox.js

@@ -4,7 +4,7 @@ import CommentBox from '../coral-plugin-commentbox/CommentBox';
 const name = 'coral-plugin-replies';
 
 const ReplyBox = (props) => <div
-   className={`${name  }-textarea`}
+   className={`${name}-textarea`}
    style={props.styles && props.styles.container}>
      {
        props.showReply && <CommentBox

client/coral-plugin-replies/ReplyButton.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import {I18n} from '../coral-framework';
+import translations from './translations.json';
 
 const name = 'coral-plugin-replies';
 
@@ -13,11 +14,4 @@ const ReplyButton = (props) => <button
 
 export default ReplyButton;
 
-const lang = new I18n({
-  en: {
-    'reply': 'Reply'
-  },
-  es: {
-    'reply': '¡traduceme!'
-  }
-});
+const lang = new I18n(translations);

client/coral-plugin-replies/translations.json

@@ -0,0 +1,8 @@
+{
+  "en": {
+    "reply": "Reply"
+  },
+  "es": {
+    "reply": "Respuesta"
+  }
+}