import { createApp } from 'vue';
import { createRouter, createWebHistory } from 'vue-router';
import App from './App.vue';
import Dashboard from './views/Dashboard.vue';
import Articles from './views/Articles.vue';
import Favorites from './views/Favorites.vue';
import Workers from './views/Workers.vue';
import Logs from './views/Logs.vue';
import './style.css';

const routes = [
  { path: '/', component: Dashboard },
  { path: '/articles', component: Articles },
  { path: '/favorites', component: Favorites },
  { path: '/workers', component: Workers },
  { path: '/logs', component: Logs },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

const app = createApp(App);
app.use(router);
app.mount('#app');

// Registrar Service Worker automáticamente al cargar la app
if ('serviceWorker' in navigator) {
  window.addEventListener('load', async () => {
    try {
      const registration = await navigator.serviceWorker.register('/sw.js', {
        scope: '/'
      });
      console.log('Service Worker registrado:', registration.scope);
    } catch (error) {
      console.error('Error registrando Service Worker:', error);
    }
  });
}