import Vue from "vue";
import Vuex from "vuex";
import store from "@/store/index";
import App from "./App.vue";
import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
import VueSocketIOExt from "vue-socket.io-extended";
import io from "socket.io-client";
import Highcharts from "highcharts";
import HighchartsVue from "highcharts-vue";
import Gantt from "highcharts/modules/gantt";
import router from "./router";
import { library } from "@fortawesome/fontawesome-svg-core";
import { faUserSecret } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
import { faFontAwesome } from "@fortawesome/free-brands-svg-icons";

library.add(faFontAwesome, faUserSecret);

Vue.component("font-awesome-icon", FontAwesomeIcon);

//css imports
import "bootstrap/dist/css/bootstrap.css";
import "bootstrap-vue/dist/bootstrap-vue.css";
import "./assets/style.css";
import "./assets/css/style.css";

Gantt(Highcharts);
Vue.config.productionTip = false;

const socket = io("https://factory.swarmlab.io:3880", {
  autoConnect: false,
});

Vue.use(VueSocketIOExt, socket);
Vue.use(HighchartsVue);
Vue.use(BootstrapVue);
// Optionally install the BootstrapVue icon components plugin
Vue.use(IconsPlugin);
Vue.use(Vuex);

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