Echart plugin integration to Vue

echart.js

import Vue from 'vue'
import Echarts from 'vue-echarts'

import 'echarts/lib/chart/bar'
import 'echarts/lib/chart/line'
import 'echarts/lib/chart/pie'
import 'echarts/lib/chart/map'
import 'echarts/lib/component/polar'
import 'echarts/lib/component/title'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/legend'
import 'echarts/theme/dark'
// import the component that wish to use in app here

Vue.component('chart', Echarts)

main.js

import Vue from "vue";
import "@/plugins/echarts"; // improt echart.js from inside the same directory plugin folder
import App from "./App.vue";
import store from "./store";


Vue.config.productionTip = false;

let app;
auth.onAuthStateChanged(() => {
  if (!app) {
    app = new Vue({
      store,
      render: (h) => h(App),
    }).$mount("#app");
  }
});