import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import App from './App.vue'
import './style.css'
import { registerSW } from 'virtual:pwa-register'
import { initMockMode } from './utils/mock'

// Detect backend availability before the app renders.
// If the backend is unreachable, USE_MOCK is auto-flipped to true
// so every service/store/composable falls back to mock data.
initMockMode().then(() => {
  const app = createApp(App)

  app.use(createPinia())
  app.use(router)

  app.mount('#app')

  // Register PWA service worker with auto-update
  const updateSW = registerSW({
    immediate: true,
    onNeedRefresh() {
      // Auto-reload when new content is available
      updateSW(true)
    },
    onOfflineReady() {
      console.log('App ready to work offline')
    },
  })
})