import vueEmitter from 'core/emitter'
import dayjs from 'dayjs'
import 'dayjs/locale/fr'
import ElementPlus from 'element-plus'
import { createPinia } from 'pinia'
import { createApp, h } from 'vue'
import VueSweetAlert2 from 'vue-sweetalert2'
import App from './App.vue'
import AppComponents from './components'

dayjs.locale('fr')

import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

import 'sweetalert2/dist/sweetalert2.min.css'
import 'assets/css/sweetalert2.scss'

import './index.css'
import router from './router'
// create new app instance
const createNewApp = () => {
  const app = createApp({
    render: () => h(App),
  })
  library.add(fas, fab)

  app.component('font-awesome-icon', FontAwesomeIcon)
  app.provide('eventHub', vueEmitter)
  app.use(router)
  app.use(ElementPlus)
  app.use(AppComponents)
  app.use(createPinia())
  app.use(VueSweetAlert2)

  app.mount('#app')
  app.config.performance = true
}

const initApp = async () => {
  createNewApp()
}

initApp().then(() => {
  // initialized
})