import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import GetTextPlugin from "vue-gettext";
import translations from "./translations.json";
import locale2 from "locale2";
import CxltToastr from "cxlt-vue2-toastr";
import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
import "../node_modules/font-awesome/css/font-awesome.min.css";
import "../node_modules/ol/ol.css";
import "../node_modules/cxlt-vue2-toastr/dist/css/cxlt-vue2-toastr.css";
import "bootstrap";

var toastrConfigs = {
  position: "bottom center",
  showDuration: 2000,
  timeOut: 8000,
  closeButton: true
};

Vue.use(CxltToastr, toastrConfigs);

let browserLanguage = locale2;

// planned also SK, HU, HR, RS, BiH, BG, RO, UA
const supportedLanguages = {
  en_GB: "British English",
  de_AT: "Deutsch"
};

if (browserLanguage === "de-DE") {
  browserLanguage = "de-AT"; // map german to austrian variant for now
}

const language = browserLanguage.replace("-", "_");
const isLanguageAvailable = supportedLanguages[language];
let defaultLanguage = isLanguageAvailable ? language : "en_GB";

Vue.use(GetTextPlugin, {
  translations: translations,
  availableLanguages: supportedLanguages,
  defaultLanguage: defaultLanguage
});

Vue.config.productionTip = false;

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

export default app;