import { createApp } from 'vue'
import { createI18n } from 'vue-i18n'
import { createRouter, createWebHistory } from 'vue-router'
import '@drama/ui/theme.css'

import App from './App.vue'
import { messages } from './i18n/messages.js'
import AdminPage from './pages/AdminPage.vue'
import HomePage from './pages/HomePage.vue'
import LoginPage from './pages/LoginPage.vue'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: HomePage },
    { path: '/login', component: LoginPage },
    { path: '/admin', component: AdminPage },
  ],
})

const locale = navigator.language.toLowerCase().startsWith('zh') ? 'zh' : 'en'
const i18n = createI18n({ legacy: false, locale, fallbackLocale: 'en', messages })

createApp(App).use(router).use(i18n).mount('#app')