import Vue from "vue";
import VueRouter from "vue-router";
import VueSidebarMenu from "vue-sidebar-menu";
import VueI18n from 'vue-i18n';
import { BootstrapVue } from 'bootstrap-vue';
import { ServerTable, Event, ClientTable} from 'vue-tables-2';
import VtTableBody from '../../../components/vuetable/extends/VtTableBody';
import "@fortawesome/fontawesome-free/css/all.css";
import 'bootstrap/dist/css/bootstrap-grid.css';
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import CustomCaseList from "./CustomCaseList";
import Verte from 'verte';
import 'verte/dist/verte.css';
// register component globally
Vue.component('verte', Verte);
Vue.use(VueRouter); 
Vue.use(VueSidebarMenu);
Vue.use(BootstrapVue);
Vue.use(VueI18n);
Vue.use(ServerTable, {}, false, 'bootstrap3', {});
Vue.use(ClientTable, {}, false, 'bootstrap3', {
    tableBody: VtTableBody
});
window.ProcessMaker = {
    apiClient: require('axios')
};
window.ProcessMaker.pluginBase = "/sysworkflow/en/lurana/viena/index.php";
window.ProcessMaker.apiClient.defaults.baseURL = '/sysworkflow/en/lurana/viena/index.php/api/';
window.ProcessMaker.SYS_SYS = "workflow";
window.ProcessMaker.SYS_LANG = "en";
window.ProcessMaker.SYS_SKIN = "lurana";

let messages = {};
messages[config.SYS_LANG] = config.TRANSLATIONS;
const i18n = new VueI18n({
    locale: config.SYS_LANG, // set locale
    messages, // set locale messages
});

// Define routes
const routes = [];

const router = new VueRouter({
    routes, // short for `routes: routes`,
});

new Vue({
    i18n,
    // eslint-disable-line no-new
    el: "#customCaseList",
    router,
    components: { Verte },
    render: (h) => h(CustomCaseList),
});