import { createApp } from 'vue'
import App from './App.vue'
import { setupRouter } from './router'
import { setupI18n } from './locales'
import { setupPinia } from './stores'
import { setupErrorHandler } from './errorHandler'
import { setupPlugins } from './plugins'
import { useInitBaseData } from './composables/useInitConfigAndMallInfo'

import '@/assets/scss/index.scss'

async function bootstrap() {
  try {
    const app = createApp(App)
    setupPinia(app)
    setupErrorHandler(app)
    await useInitBaseData()
    setupRouter(app)
    setupI18n(app)
    setupPlugins(app)
    app.mount('#app')
  } catch (error) {
    console.log('🚀 ~ bootstrap ~ error:', error)
  }
}

bootstrap()