Add prettier

Author: LucasBassetti

.eslintrc

@@ -1,6 +1,7 @@
 {
+  "extends": ["airbnb", "plugin:prettier/recommended", "prettier/react"],
+  "plugins": ["prettier"],
   "parser": "babel-eslint",
-  "extends": ["airbnb"],
   "globals": {
     "window": true,
     "Audio": true,
@@ -9,12 +10,13 @@
     "navigator": true
   },
   "rules": {
+    "prettier/prettier": ["error"],
     "no-confusing-arrow": 0,
     "no-return-assign": 0,
     "guard-for-in": 0,
     "no-restricted-syntax": 0,
     "no-param-reassign": 0,
     "react/no-will-update-set-state": 0,
-    "new-cap": 0,
+    "new-cap": 0
   }
 }

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "printWidth": 100,
+  "singleQuote": true
+}

example/components/Example.jsx

@@ -11,31 +11,20 @@ const otherFontTheme = {
   botBubbleColor: '#6E48AA',
   botFontColor: '#fff',
   userBubbleColor: '#fff',
-  userFontColor: '#4a4a4a',
+  userFontColor: '#4a4a4a'
 };
 
 const steps = [
   {
     id: '1',
     message: 'Hello World',
-    trigger: '2',
-  },
-  {
-    id: '2',
-    user: true,
-    trigger: '3',
-  },
-  {
-    id: '3',
-    message: 'Hello World',
-    end: true,
-  },
+    end: true
+  }
 ];
 
-
 const ThemedExample = () => (
   <ThemeProvider theme={otherFontTheme}>
-    <ChatBot recognitionEnable steps={steps} />
+    <ChatBot steps={steps} />
   </ThemeProvider>
 );
 

example/main.jsx

@@ -2,7 +2,4 @@ import React from 'react';
 import { render } from 'react-dom';
 import Example from './components/Example';
 
-render(
-  <Example />,
-  document.getElementById('root'),
-);
+render(<Example />, document.getElementById('root'));