import Vue from "vue";
import "../mixins";
import App from "./Edit.vue";
import router from "../router/editorRouter";
import store from "../Store";
import "viewerjs/dist/viewer.css";
import Viewer from "v-viewer";
import "@/directives/vTitleInEditor.js";
import "@/directives/vTooltipInEditor.js";
import { i18n } from "@/lang";
import { debuggerHelper } from "../mixins/debuggerHelper";
import Toast from "vue-toastification";
import browser from "../utils/browser";
import "vue-toastification/dist/index.css";
//调试模式写入token
if (browser.urlQueryValue("token") && process.env.NODE_ENV == "development" && !localStorage.getItem("token")) {
  localStorage.setItem("token", browser.urlQueryValue("token"));
}
const options = {
  transition: "Vue-Toastification__bounce",
  maxToasts: 3,
  newestOnTop: true,
  position: "top-right",
  timeout: 2000,
  closeOnClick: true,
  pauseOnFocusLoss: true,
  pauseOnHover: false,
  draggable: true,
  draggablePercent: 0.7,
  showCloseButtonOnHover: false,
  hideProgressBar: true,
  closeButton: "button",
  icon: true,
  rtl: false,
};

Vue.use(Toast, options);
debuggerHelper(true);

// console.log(`version: ${process.env.VUE_APP_VERSION}`)
// 热点图标默认大小
window.g_hotspotCurrentScale = 1;

Vue.use(Viewer, {
  defaultOptions: {
    toolbar: 0,
    title: 0,
    navbar: false,
  },
});

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