import './assets/main.css'
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/reset.css';
import { initRouter } from '@/router/index.js'
import { globalState } from './config.js'
import print from 'vue3-print-nb'
import { loadData } from '@/utils/localeUtils.js'

const app = createApp(App)

const initToken = async () => {
    if (globalState.token == '' || globalState.token == null) {
        let token = localStorage.getItem('token')
        let user = JSON.parse(localStorage.getItem('user'))
        let locale = localStorage.getItem('locale')
        globalState.token = token;
        globalState.user = user;
        if(locale != null) {
            globalState.locale = locale;
        }

        loadData(globalState.locale)
    }
}

const boot = async () => {
    await initToken();
    await initRouter()

    //wait route load
    app.use(createPinia())
    app.use(router)
    app.use(Antd)
    app.use(print)
    router.isReady().then((e) => {
        app.mount('#app')
    })
}
boot()