Release catalyst

ui/src/components/charts/Bar.ts

@@ -0,0 +1,20 @@
+import { Component, Mixins } from 'vue-property-decorator'
+import {HorizontalBar, mixins} from 'vue-chartjs';
+import ChartOptions from "chart.js";
+
+@Component({
+    extends: HorizontalBar,
+    mixins: [mixins.reactiveProp],
+    props: {
+        chartOptions: {
+            type: ChartOptions,
+            default: null
+        }
+    },
+})
+export default class BarChart extends Mixins(mixins.reactiveProp, HorizontalBar) {
+    mounted () {
+        // @ts-expect-error chartOptions are not expected
+        this.renderChart(this.chartData, this.chartOptions);
+    }
+}

ui/src/components/charts/Doughnut.ts

@@ -0,0 +1,20 @@
+import { Component, Mixins } from "vue-property-decorator";
+import { mixins, Pie } from "vue-chartjs";
+import ChartOptions from "chart.js";
+
+@Component({
+    extends: Pie,
+    mixins: [mixins.reactiveProp],
+    props: {
+        chartOptions: {
+            type: ChartOptions,
+            default: null
+        }
+    }
+})
+export default class DoughnutChart extends Mixins(mixins.reactiveProp, Pie) {
+    mounted() {
+        // @ts-expect-error chartOptions are not expected
+        this.renderChart(this.chartData, this.chartOptions);
+    }
+}

ui/src/components/charts/Line.ts

@@ -0,0 +1,20 @@
+import { Component, Mixins } from 'vue-property-decorator'
+import {Line, mixins} from 'vue-chartjs';
+import ChartOptions from "chart.js";
+
+@Component({
+    extends: Line,
+    mixins: [mixins.reactiveProp],
+    props: {
+        chartOptions: {
+            type: ChartOptions,
+            default: null,
+        }
+    },
+})
+export default class LineChart extends Mixins(mixins.reactiveProp, Line) {
+    mounted () {
+        // @ts-expect-error chartOptions are not expected
+        this.renderChart(this.chartData, this.chartOptions);
+    }
+}