import Vue from 'vue'
import App from './App.vue'
import router from './router'
import singleSpaVue from 'single-spa-vue'
import { Loading } from 'element-ui'
import '@/utils/'
import axios from 'axios'

Vue.use(Loading.directive)
Vue.config.productionTip = false

router.afterEach((to, from) => {
  axios.get(process.env.VUE_APP_LOG_URL + process.env.VUE_APP_BASE_URL + to.fullPath)
})

const vueOptions = {
  el: '#single-spa-app',
  router,
  render: (h) => h(App)
}

let vueLifecycles = {}
if (process.env.VUE_APP_ALONE) {
  delete vueOptions.el
  new Vue(vueOptions).$mount('#app')
} else {
  vueLifecycles = singleSpaVue({
    Vue,
    appOptions: vueOptions
  })
}

export const bootstrap = vueLifecycles.bootstrap
export const mount = vueLifecycles.mount
export const unmount = vueLifecycles.unmount

export default vueLifecycles