import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { createRouter, createWebHistory } from 'vue-router'
import App from './App.vue'
import './styles/main.css'
import { initializePlugins } from './plugins'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'chat',
      component: () => import('./pages/ChatPage.vue'),
    },
    {
      path: '/widget-demo',
      name: 'widget-demo',
      component: () => import('./pages/WidgetDemoPage.vue'),
    },
  ],
})

const app = createApp(App)
app.use(createPinia())
app.use(router)

initializePlugins().catch((err) => {
  console.error('[AIUI] Failed to initialize plugins:', err)
})

app.mount('#app')