import routes from '@/routes'
import integrations from '@/integrations'
import { use } from 'echarts/core'
import { CanvasRenderer } from 'echarts/renderers'
import VChart from 'vue-echarts'
import type { App as Vue } from 'vue'

import {
  LineChart,
  BarChart,
  PieChart,
  RadarChart,
  EffectScatterChart,
  ScatterChart,
} from 'echarts/charts'

import {
  LegendComponent,
  TooltipComponent,
  GridComponent,
  TitleComponent,
  VisualMapComponent,
  DataZoomComponent,
  ToolboxComponent,
  MarkPointComponent,
  DatasetComponent,
} from 'echarts/components'

// CSS filename is injected by the vite plugin at build time
export const css = ['__CSS_FILENAME_PLACEHOLDER__']

export { routes, integrations }

export default {
    install(app: Vue) {
        use([
          LineChart,
          BarChart,
          PieChart,
          RadarChart,
          EffectScatterChart,
          ScatterChart,
          CanvasRenderer,
          LegendComponent,
          TooltipComponent,
          GridComponent,
          TitleComponent,
          VisualMapComponent,
          DataZoomComponent,
          ToolboxComponent,
          MarkPointComponent,
          DatasetComponent,
        ])
        app.component('VChart', VChart)
    }
}