import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import App from './App.vue'
import router from './router'
import i18n from './i18n'
import { useUserStore } from './stores/user'
import { registerIcons } from './utils/icons'
import couchService from './services/CouchService'
import './styles/index.css'

const bootstrap = async () => {
  const app = createApp(App)

  const pinia = createPinia()
  pinia.use(piniaPluginPersistedstate)
  app.use(pinia)

  app.use(router)
  app.use(i18n)
  registerIcons(app)

  const userStore = useUserStore()
  couchService.start(() => userStore.publicAccountIds)
  await userStore.retrieveUser()

  app.mount('#app')
}

bootstrap()