apertureless/vue-chartjs

Replace `'chart.js'` with `"chart.js";`
import Chart from 'chart.js'
 
Function `generateChart` has 82 lines of code (exceeds 25 allowed). Consider refactoring.
Function `generateChart` has a Cognitive Complexity of 8 (exceeds 5 allowed). Consider refactoring.
export function generateChart(chartId, chartType) {
  return {
Delete `·`
    render: function (createElement) {
      return createElement(
Replace `'div'` with `"div"`
        'div',
        {
          style: this.styles,
          class: this.cssClasses
        },
        [
Replace `'canvas'` with `"canvas"`
          createElement('canvas', {
            attrs: {
              id: this.chartId,
              width: this.width,
              height: this.height
            },
Replace `'canvas'` with `"canvas"`
            ref: 'canvas'
          })
        ]
Insert `;`
      )
    },
 
    props: {
      chartId: {
        default: chartId,
        type: String
      },
      width: {
        default: 400,
        type: Number
      },
      height: {
        default: 400,
        type: Number
      },
      cssClasses: {
        type: String,
Replace `''` with `""`
        default: ''
      },
      styles: {
        type: Object
      },
      plugins: {
        type: Array,
        default() {
Insert `;`
          return []
        }
      }
    },
 
    data() {
      return {
        _chart: null,
        _plugins: this.plugins
Insert `;`
      }
    },
 
    methods: {
      addPlugin(plugin) {
Insert `;`
        this.$data._plugins.push(plugin)
      },
      generateLegend() {
        if (this.$data._chart) {
Insert `;`
          return this.$data._chart.generateLegend()
        }
      },
      renderChart(data, options) {
Insert `;`
        if (this.$data._chart) this.$data._chart.destroy()
        if (!this.$refs.canvas)
          throw new Error(
Replace `'Please·remove·the··tags·from·your·chart·component.·See·https://vue-chartjs.org/guide/#vue-single-file-components'` with `"Please·remove·the··tags·from·your·chart·component.·See·https://vue-chartjs.org/guide/#vue-single-file-components"`
            'Please remove the <template></template> tags from your chart component. See https://vue-chartjs.org/guide/#vue-single-file-components'
Insert `;`
          )
Replace `'2d'` with `"2d"`
        this.$data._chart = new Chart(this.$refs.canvas.getContext('2d'), {
          type: chartType,
          data: data,
          options: options,
          plugins: this.$data._plugins
Insert `;`
        })
      }
    },
    beforeDestroy() {
      if (this.$data._chart) {
Insert `;`
        this.$data._chart.destroy()
      }
    }
Insert `;`
  }
}
 
Replace `'bar-chart',·'bar')` with `"bar-chart",·"bar");`
export const Bar = generateChart('bar-chart', 'bar')
export const HorizontalBar = generateChart(
Replace `'horizontalbar-chart'` with `"horizontalbar-chart"`
  'horizontalbar-chart',
Replace `'horizontalBar'` with `"horizontalBar"`
  'horizontalBar'
Insert `;`
)
Replace `'doughnut-chart',·'doughnut')` with `"doughnut-chart",·"doughnut");`
export const Doughnut = generateChart('doughnut-chart', 'doughnut')
Replace `'line-chart',·'line')` with `"line-chart",·"line");`
export const Line = generateChart('line-chart', 'line')
Replace `'pie-chart',·'pie')` with `"pie-chart",·"pie");`
export const Pie = generateChart('pie-chart', 'pie')
Replace `'polar-chart',·'polarArea')` with `"polar-chart",·"polarArea");`
export const PolarArea = generateChart('polar-chart', 'polarArea')
Replace `'radar-chart',·'radar')` with `"radar-chart",·"radar");`
export const Radar = generateChart('radar-chart', 'radar')
Replace `'bubble-chart',·'bubble')` with `"bubble-chart",·"bubble");`
export const Bubble = generateChart('bubble-chart', 'bubble')
Replace `'scatter-chart',·'scatter')` with `"scatter-chart",·"scatter");`
export const Scatter = generateChart('scatter-chart', 'scatter')
 
export default {
  Bar,
  HorizontalBar,
  Doughnut,
  Line,
  Pie,
  PolarArea,
  Radar,
  Bubble,
  Scatter
Insert `;`
}