import { createApp } from 'vue'
import App from './App.vue'

import Chat from 'vue3-beautiful-chat'

// without this async calls are not working
import 'regenerator-runtime'

import store from './store/store'

import router from './router/router'
import addNavigationGuards from './router/guards'

import i18n from './i18n'

import PortalVue from 'portal-vue'

import { createBootstrap } from 'bootstrap-vue-next'

// Add the necessary CSS
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue-next/dist/bootstrap-vue-next.css'

import { apolloProvider } from './plugins/apolloProvider'

export function createAdminApp() {
  const app = createApp(App)

  app.use(router)
  app.use(store)

  i18n.global.locale.value =
    store.state.moderator && store.state.moderator.language ? store.state.moderator.language : 'en'

  app.use(i18n)
  app.use(PortalVue)
  app.use(createBootstrap())

  app.use(() => apolloProvider)
  app.use(Chat)

  addNavigationGuards(router, store, apolloProvider.defaultClient, i18n)
  return app
}

if (process.env.NODE_ENV !== 'test') {
  const app = createAdminApp()
  app.mount('#app')
}