import { createApp } from 'vue'
import { createPinia } from 'pinia'

import App from './App.vue'
import router from './router'
import { useAuthStore } from '@/stores/auth'
import { useThemeStore } from '@/stores/theme'

import 'virtual:uno.css'
import '@/assets/styles/main.css'
import '@/assets/styles/admin.css'
import '@/assets/styles/responsive.css'

const app = createApp(App)
const pinia = createPinia()

app.use(pinia)
app.use(router)

useThemeStore(pinia)
useAuthStore(pinia).hydrate()

app.mount('#app')