v2 first commit

resources/assets/js/components/Charts/LineChart.js

@@ -0,0 +1,30 @@
+import { Line, mixins } from 'vue-chartjs';
+import globalOptionsMixin from "./../../components/Charts/globalOptionsMixin";
+
+export default {
+  name: 'line-chart',
+  extends: Line,
+  mixins: [mixins.reactiveProp, globalOptionsMixin],
+  props: {
+    extraOptions: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      ctx: null
+    };
+  },
+  mounted() {
+    this.$watch(
+      'chartData',
+      (newVal, oldVal) => {
+        if (!oldVal) {
+          this.renderChart(this.chartData, this.extraOptions);
+        }
+      },
+      { immediate: true }
+    );
+  }
+};