import { createApp } from 'vue'
import { addCollection } from '@iconify/vue'
import VConsole from 'vconsole'

import App from './App.vue'
import { setupPlugins } from './plugins'

// 使用本地图标数据，避免远程 API 调用
import { icons as mdiIcons } from '@iconify-json/mdi'
import { icons as lucideIcons } from '@iconify-json/lucide'
import { icons as flagIcons } from '@iconify-json/flag'
import { icons as carbonIcons } from '@iconify-json/carbon'

addCollection(mdiIcons)
addCollection(lucideIcons)
addCollection(flagIcons)
addCollection(carbonIcons)

import '@/assets/index.css'
import '@/assets/scrollbar.css'
import '@/assets/themes.css'
import '@/assets/chart-theme.css'
import 'vue-sonner/style.css' // vue sonner style

import '@/utils/env'

// 开发环境启用 vconsole
if (import.meta.env.DEV) {
  new VConsole()
}

function bootstrap() {
  const app = createApp(App)

  setupPlugins(app)

  app.mount('#app')
}

bootstrap()