Setup Circle CI, add brakeman config (#13)

* Add circle ci config

* Change config to fix tests

* Update config

* Fix eslint command, add brakeman

app/javascript/src/components/ui/Tabs/Tabs.js

@@ -9,18 +9,24 @@ export default {
     },
   },
   render(h) {
-    const Tabs = this.$slots.default.filter(node =>
-      node.componentOptions && node.componentOptions.tag === 'woot-tabs-item'
-    ).map((node, index) => {
-      const data = node.componentOptions.propsData;
-      data.index = index;
-      return node;
-    });
+    const Tabs = this.$slots.default
+      .filter(
+        node =>
+          node.componentOptions &&
+          node.componentOptions.tag === 'woot-tabs-item'
+      )
+      .map((node, index) => {
+        const data = node.componentOptions.propsData;
+        data.index = index;
+        return node;
+      });
     return (
-      <ul class={{
-        tabs: true,
-      }}>
-        { Tabs }
+      <ul
+        class={{
+          tabs: true,
+        }}
+      >
+        {Tabs}
       </ul>
     );
   },

app/javascript/src/components/ui/Tabs/TabsItem.js

@@ -44,7 +44,7 @@ export default {
   watch: {
     count(newValue, oldValue) {
       let animationFrame;
-      const animate = (time) => {
+      const animate = time => {
         TWEEN.update(time);
         animationFrame = window.requestAnimationFrame(animate);
       };
@@ -52,7 +52,7 @@ export default {
       new TWEEN.Tween({ tweeningNumber: oldValue })
         .easing(TWEEN.Easing.Quadratic.Out)
         .to({ tweeningNumber: newValue }, 500)
-        .onUpdate(function () {
+        .onUpdate(function() {
           that.animatedNumber = this.tweeningNumber.toFixed(0);
         })
         .onComplete(() => {
@@ -65,18 +65,22 @@ export default {
 
   render(h) {
     return (
-      <li class={{
-        'tabs-title': true,
-        'is-active': this.active,
-        'uk-disabled': this.disabled,
-      }}>
-        <a on-click={(event) => {
-          event.preventDefault();
-          if (!this.disabled) {
-            this.$parent.$emit('change', this.index);
-          }
-        }}>
-          { `${this.name}  (${this.getItemCount})` }
+      <li
+        class={{
+          'tabs-title': true,
+          'is-active': this.active,
+          'uk-disabled': this.disabled,
+        }}
+      >
+        <a
+          on-click={event => {
+            event.preventDefault();
+            if (!this.disabled) {
+              this.$parent.$emit('change', this.index);
+            }
+          }}
+        >
+          {`${this.name}  (${this.getItemCount})`}
         </a>
       </li>
     );

app/javascript/src/components/widgets/chart/BarChart.js

@@ -1,6 +1,7 @@
 import { Bar } from 'vue-chartjs';
 
-const fontFamily = '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
+const fontFamily =
+  '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 
 export default Bar.extend({
   props: ['collection'],