import { createApp } from 'vue'
import App from './App.vue'
import { setupRouter } from './router'
import { setupI18n } from './i18n'
import { setupPinia } from './store'
import { setupErrorHandler } from './errorHandler'
import { setupPlugins } from './plugins'
import { VueMasonryPlugin } from 'vue-masonry'
import { useInitConfigAndMallInfo } from './composables/useInitConfigAndMallInfo'

import '@/assets/scss/index.scss'
import 'animate.css/animate.min.css'

async function bootstrap() {
  const app = createApp(App)
  setupPinia(app)
  await useInitConfigAndMallInfo()
  setupRouter(app)
  setupI18n(app)
  setupPlugins(app)
  setupErrorHandler(app)
  app.mount('#app')
  app.use(VueMasonryPlugin)
}

bootstrap()