[Enhancement] Move chart options to a variable (#189)

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

@@ -3,41 +3,43 @@ import { Bar } from 'vue-chartjs';
 const fontFamily =
   '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
 
+const chartOptions = {
+  responsive: true,
+  maintainAspectRatio: false,
+  legend: {
+    labels: {
+      fontFamily,
+    },
+  },
+  scales: {
+    xAxes: [
+      {
+        barPercentage: 1.9,
+        ticks: {
+          fontFamily,
+        },
+        gridLines: {
+          display: false,
+        },
+      },
+    ],
+    yAxes: [
+      {
+        ticks: {
+          fontFamily,
+        },
+        gridLines: {
+          display: false,
+        },
+      },
+    ],
+  },
+};
+
 export default {
   extends: Bar,
   props: ['collection'],
   mounted() {
-    this.renderChart(this.collection, {
+    this.renderChart(this.collection, chartOptions);
-      responsive: true,
-      maintainAspectRatio: false,
-      legend: {
-        labels: {
-          fontFamily,
-        },
-      },
-      scales: {
-        xAxes: [
-          {
-            barPercentage: 1.9,
-            ticks: {
-              fontFamily,
-            },
-            gridLines: {
-              display: false,
-            },
-          },
-        ],
-        yAxes: [
-          {
-            ticks: {
-              fontFamily,
-            },
-            gridLines: {
-              display: false,
-            },
-          },
-        ],
-      },
-    });
   },
 };