import Vue from 'vue' import WebSocketClient from './plugins/wsClient' import App from './App.vue' import vuetify from './plugins/vuetify' import i18n from './plugins/i18n' import VueResource from 'vue-resource' import './components' import store from './store' import router from './plugins/router' import vueHeadful from 'vue-headful'; Vue.config.productionTip = false; Vue.use(VueResource); Vue.http.headers.common['Content-Type'] = 'application/json'; Vue.http.headers.common['Access-Control-Allow-Origin'] = '*'; Vue.http.headers.common['Accept'] = 'application/json, text/plain, */*'; Vue.http.headers.common['Access-Control-Allow-Headers'] = 'Origin, Accept, Content-Type, Authorization, Access-Control-Allow-Origin'; Vue.http.headers.common['Access-Control-Allow-Methods'] = 'POST, GET, PUT, OPTIONS, DELETE, OPTIONS'; Vue.component('vue-headful', vueHeadful); fetch('/config.json') .then(res => res.json()) .then(file => { store.commit('socket/setData', file); const socketClient = new WebSocketClient(store.state.socket.protocol + '://' + store.state.socket.hostname + ':' + store.state.socket.port + '/websocket', { store: store, reconnectEnabled: true, reconnectInterval: store.state.socket.reconnectInterval, }); if (!store.state.socket.remoteMode) socketClient.connect() Vue.prototype.$socket = socketClient; new Vue({ vuetify, router, store, i18n, render: h => h(App) }).$mount('#app') }) .catch((error) => { let p = document.createElement("p"); let content = document.createTextNode("config.json not found or cannot be decoded!"); p.appendChild(content); document.getElementById('app').append(p); window.console.error('Error:', error); });