fix linting errors

src/mixins/reactiveProp.js

@@ -1,74 +1,71 @@
 module.exports = {
   props: {
     chartData: {
-      required: true,
+      required: true
-    },
+    }
   },
   watch: {
-    chartData: {
+    'chartData': {
-      handler(newData, oldData) {
+      handler (newData, oldData) {
         if (oldData) {
-          let chart = this._chart;
+          let chart = this._chart
 
           // Get new and old DataSet Labels
-          let newDatasetLabels = newData.datasets.map(dataset => {
+          let newDatasetLabels = newData.datasets.map((dataset) => {
-            return dataset.label;
+            return dataset.label
-          });
+          })
 
-          let oldDatasetLabels = oldData.datasets.map(dataset => {
+          let oldDatasetLabels = oldData.datasets.map((dataset) => {
-            return dataset.label;
+            return dataset.label
-          });
+          })
 
           // Stringify 'em for easier compare
-          const oldLabels = JSON.stringify(oldDatasetLabels);
+          const oldLabels = JSON.stringify(oldDatasetLabels)
-          const newLabels = JSON.stringify(newDatasetLabels);
+          const newLabels = JSON.stringify(newDatasetLabels)
 
           // Check if Labels are equal and if dataset length is equal
-          if (
+          if (newLabels === oldLabels && oldData.datasets.length === newData.datasets.length) {
-            newLabels === oldLabels &&
-            oldData.datasets.length === newData.datasets.length
-          ) {
             newData.datasets.forEach((dataset, i) => {
               // Get new and old dataset keys
-              const oldDatasetKeys = Object.keys(oldData.datasets[i]);
+              const oldDatasetKeys = Object.keys(oldData.datasets[i])
-              const newDatasetKeys = Object.keys(dataset);
+              const newDatasetKeys = Object.keys(dataset)
 
               // Get keys that aren't present in the new data
-              const deletionKeys = oldDatasetKeys.filter(key => {
+              const deletionKeys = oldDatasetKeys.filter((key) => {
-                return key !== '_meta' && newDatasetKeys.indexOf(key) === -1;
+                return key !== '_meta' && newDatasetKeys.indexOf(key) === -1
-              });
+              })
 
               // Remove outdated key-value pairs
-              deletionKeys.forEach(deletionKey => {
+              deletionKeys.forEach((deletionKey) => {
-                delete chart.data.datasets[i][deletionKey];
+                delete chart.data.datasets[i][deletionKey]
-              });
+              })
 
               // Update attributes individually to avoid re-rendering the entire chart
               for (const attribute in dataset) {
                 if (dataset.hasOwnProperty(attribute)) {
-                  chart.data.datasets[i][attribute] = dataset[attribute];
+                  chart.data.datasets[i][attribute] = dataset[attribute]
                 }
               }
-            });
+            })
 
             if (newData.hasOwnProperty('labels')) {
-              chart.data.labels = newData.labels;
+              chart.data.labels = newData.labels
             }
             if (newData.hasOwnProperty('xLabels')) {
-              chart.data.xLabels = newData.xLabels;
+              chart.data.xLabels = newData.xLabels
             }
             if (newData.hasOwnProperty('yLabels')) {
-              chart.data.yLabels = newData.yLabels;
+              chart.data.yLabels = newData.yLabels
             }
-            chart.update();
+            chart.update()
           } else {
-            chart.destroy();
+            chart.destroy()
-            this.renderChart(this.chartData, this.options);
+            this.renderChart(this.chartData, this.options)
           }
         } else {
-          this.renderChart(this.chartData, this.options);
+          this.renderChart(this.chartData, this.options)
         }
-      },
+      }
-    },
+    }
-  },
+  }
-};
+}