import { createApp } from 'vue'
import { i18n } from './modules/i18n.js';
import App from "./App.vue";
import store from "./modules/store";
import colorMixin from './mixins/colorMixin';

const appEl = document.createElement('div');
appEl.setAttribute("id", "app");

var src = document.getElementsByClassName('wrapperJSON');
if(src.length) {
  src[0].appendChild(appEl);
}else{
  const queryString = window.location.search;
  const urlParams = new URLSearchParams(queryString);
  var ui=urlParams.get('ui');
  var fzl=urlParams.get('fzl');
  const wrapper = document.createElement('div');
  wrapper.setAttribute("class", "wrapperJSON");
  wrapper.setAttribute("data-ui", ui);
  wrapper.setAttribute("data-fzl", fzl);
  wrapper.appendChild(appEl);
  document.body.appendChild(wrapper);
}

createApp(App).mixin(colorMixin).use(i18n).use(store).mount('#app');