// src/main.js
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify'
import axios from 'axios'
import '@mdi/font/css/materialdesignicons.css'
import './assets/styles/base.css'
import './assets/styles/main.css'

function setupAxiosInterceptors() {
  const token = localStorage.getItem('auth_token')
  if (token) {
    axios.defaults.headers.common['Authorization'] = `Bearer ${token}`
  }
}

async function startApp() {
  if (process.env.NODE_ENV === 'development') {
    try {
      const { setupWorker } = await import('msw')  // Changed from worker to setupWorker
      const worker = setupWorker()  // Use setupWorker instead of worker.start
      await worker.start({
        onUnhandledRequest: 'bypass',
      })
    } catch (error) {
      console.error('[MSW] Erro ao iniciar o Mock Service Worker:', error)
    }
  }

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

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

  setupAxiosInterceptors()

  app.config.errorHandler = (error, vm, info) => {
    console.error('Erro global:', error)
    console.error('Info:', info)
  }

  app.mount('#app')
}

startApp().catch((error) => {
  console.error('[App] Erro ao iniciar a aplicação:', error)
})