fix: fix chart plugins type (#786)

change chart plugins type from object to array, fix tests and examples

#782

Author: thabarbados

README.md

@@ -129,8 +129,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -183,8 +183,8 @@ export default defineComponent({
       default: () => {}
     },
     plugins: {
-      type: Object as PropType<PluginOptionsByType<'bar'>>,
-      default: () => {}
+      type: Array as PropType<Plugin<'bar'>[]>,
+      default: () => []
     }
   },
   setup(props) {

legacy/sandboxes/bar/src/components/Bar.vue

@@ -58,8 +58,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/bubble/src/components/Bubble.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/doughnut/src/components/Doughnut.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/line/src/components/Line.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/pie/src/components/Pie.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/polar-area/src/components/PolarArea.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/radar/src/components/Radar.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/sandboxes/scatter/src/components/Scatter.vue

@@ -57,8 +57,8 @@ export default {
       default: () => {}
     },
     plugins: {
-      type: Object,
-      default: () => {}
+      type: Array,
+      default: () => []
     }
   },
   data() {

legacy/src/Charts.js

@@ -14,7 +14,6 @@ import {
   chartCreate,
   chartDestroy,
   chartUpdate,
-  getChartOptions,
   getChartData,
   setChartLabels,
   setChartDatasets,
@@ -59,8 +58,8 @@ export function generateChart(chartId, chartType, chartController) {
         default: () => {}
       },
       plugins: {
-        type: Object,
-        default: () => {}
+        type: Array,
+        default: () => []
       }
     },
     data() {
@@ -100,7 +99,8 @@ export function generateChart(chartId, chartType, chartController) {
             this.$data._chart = new ChartJS(canvasEl2DContext, {
               type: chartType,
               data: chartData,
-              options: getChartOptions(options, this.plugins)
+              options,
+              plugins: this.plugins
             })
           }
         }