import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import { useRealtimeStore } from './stores/useRealtime'

import App from './App.vue'
import './style.css'          // Tailwind o tus estilos globales


console.log(`VITE_API_EVENTS_URL: ${import.meta.env.VITE_API_EVENTS_URL || window?.RUNTIME_CONFIG?.VITE_API_EVENTS_URL || 'no definida'}`);
console.log(`VITE_API_DB_URL: ${import.meta.env.VITE_API_DB_URL || window?.RUNTIME_CONFIG?.VITE_API_DB_URL || 'no definida'}`);

const apiBaseURL =
import.meta.env.VITE_API_DB_URL || window?.RUNTIME_CONFIG?.VITE_API_DB_URL || 'no definida';

const app = createApp(App)

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

// iniciar suscripción SSE cuando la app monte
const realtime = useRealtimeStore(pinia)
realtime.init()

app.mount('#app')