import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./common/base.scss";

import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import VCharts from "v-charts";
import echarts from "echarts";

import VideoPlayer from "vue-video-player";
import VueSocketIO from "vue-socket.io";
//import css
import "vue-beauty/package/style/vue-beauty.min.css";

//import components
import vueBeauty from "vue-beauty";

import '@/icons' // icon

import html2canvas from 'html2canvas';
import './utils/directives.js'
Vue.use(html2canvas);

Vue.use(
  new VueSocketIO({
    debug: true,
    connection: "ws://wiibox.xicp.io:3030",
  })
);


Vue.use(vueBeauty);

Vue.use(VideoPlayer);

Vue.prototype.$echarts = echarts;

import { getJSON, post, patch, put, getDS, DSpost } from "./utils/request";

Vue.prototype.$getDS = getDS;
Vue.prototype.$post = post;
Vue.prototype.$DSpost = DSpost;
Vue.prototype.$getJSON = getJSON;
Vue.prototype.$patch = patch;
Vue.prototype.$put = put;

Vue.use(ElementUI);
Vue.use(VCharts);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");