[Enhancement] Update vue-chartjs to fix production build (#182)

app/assets/javascripts/00_init.js

@@ -1,3 +0,0 @@
-$( document ).ready(function() {
-  window.currentAcccountId = $('body').data('account-id');
-});

app/assets/stylesheets/application.css

@@ -1,15 +0,0 @@
-/*
- * This is a manifest file that'll be compiled into application.css, which will include all the files
- * listed below.
- *
- * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
- * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
- *
- * You're free to add application-wide styles to this file and they'll appear at the bottom of the
- * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
- * files in this directory. Styles in this file should be added after the last require_* statement.
- * It is generally better to create a new file per style scope.
- *
- *= require_tree .
- *= require_self
- */

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

@@ -3,11 +3,12 @@ import { Bar } from 'vue-chartjs';
 const fontFamily =
   '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 
-export default Bar.extend({
+export default {
+  extends: Bar,
   props: ['collection'],
   mounted() {
     this.renderChart(this.collection, {
-      // responsive: true,
+      responsive: true,
       maintainAspectRatio: false,
       legend: {
         labels: {
@@ -21,6 +22,9 @@ export default Bar.extend({
             ticks: {
               fontFamily,
             },
+            gridLines: {
+              display: false,
+            },
           },
         ],
         yAxes: [
@@ -28,9 +32,12 @@ export default Bar.extend({
             ticks: {
               fontFamily,
             },
+            gridLines: {
+              display: false,
+            },
           },
         ],
       },
     });
   },
-});
+};