Support Nova5

Author: adrianmihaila

composer.json

@@ -17,8 +17,8 @@
         }
     ],
     "require": {
-        "php": ">=7.1.0",
-        "laravel/nova": "^4.0"
+        "php": ">=8.0",
+        "laravel/nova": "^5.0"
     },
     "autoload": {
         "psr-4": {

dist/js/chart-js-integration.js

@@ -1,6 +1,20 @@
 /*!
- * Chart.js v3.7.1
+ * @kurkle/color v0.2.1
+ * https://github.com/kurkle/color#readme
+ * (c) 2022 Jukka Kurkela
+ * Released under the MIT License
+ */
+
+/*!
+ * Chart.js v3.9.1
  * https://www.chartjs.org
  * (c) 2022 Chart.js Contributors
  * Released under the MIT License
  */
+
+/*!
+* chartjs-plugin-annotation v2.2.1
+* https://www.chartjs.org/chartjs-plugin-annotation/index
+ * (c) 2023 chartjs-plugin-annotation Contributors
+ * Released under the MIT License
+ */

dist/js/chart-js-integration.js.LICENSE.txt

@@ -13,11 +13,12 @@
         "vue-template-compiler": "^2.6.14"
     },
     "dependencies": {
-        "chart.js": "^3.7.0",
-        "chartjs-plugin-datalabels": "^2.0.0",
+        "chart.js": "^3.9.1",
+        "chartjs-plugin-annotation": "^2.2.1",
+        "chartjs-plugin-datalabels": "^2.2.0",
         "serialize-javascript": "^4.0.0",
         "sweetalert2": "^9.17.1",
-        "vue": "^3.2.31",
-        "vue-chartjs": "^4.0.0"
+        "vue": "^3.5.14",
+        "vue-chartjs": "^4.1.2"
     }
 }

package-lock.json

@@ -1,19 +1,20 @@
 import ChartDataLabels from 'chartjs-plugin-datalabels';
+import AnnotationPlugin from 'chartjs-plugin-annotation';
 import { Chart, registerables } from 'chart.js';
 
-import StackedChart from './components/StackedChart'
-import BarChart from './components/BarChart'
-import LineChart from './components/StripeChart'
-import DoughnutChart from './components/DoughnutChart'
-import PieChart from './components/PieChart'
-import PolarAreaChart from './components/PolarAreaChart'
-import ScatterChart from './components/ScatterChart'
+import StackedChart from './components/StackedChart';
+import BarChart from './components/BarChart';
+import LineChart from './components/StripeChart';
+import DoughnutChart from './components/DoughnutChart';
+import PieChart from './components/PieChart';
+import PolarAreaChart from './components/PolarAreaChart';
+import ScatterChart from './components/ScatterChart';
 
 Nova.booting((Vue) => {
-    const textColor = getComputedStyle(document.documentElement)
-        .getPropertyValue('--colors-gray-400');
+    const textColor = getComputedStyle(document.documentElement).getPropertyValue('--colors-gray-400');
 
-    Chart.unregister(ChartDataLabels);
+    //   Chart.register(ChartDataLabels);
+    Chart.register(AnnotationPlugin);
     Chart.register(...registerables);
     Chart.defaults.color = `rgba(${textColor}, 1)`;
 
@@ -24,5 +25,4 @@ Nova.booting((Vue) => {
     Vue.component('pie-chart', PieChart);
     Vue.component('polar-area-chart', PolarAreaChart);
     Vue.component('scatter-chart', ScatterChart);
-})
-
+});