working version

frontend/src/main.js

@@ -1,4 +1,4 @@
-import { createApp } from 'vue'
+import { createApp, nextTick } from 'vue'
 import { createPinia } from 'pinia'
 import Toast from 'vue-toastification'
 import 'vue-toastification/dist/index.css'
@@ -7,7 +7,10 @@ import App from './App.vue'
 import router from './router'
 import './style.css'
 
+// Créer l'application
 const app = createApp(App)
+
+// Créer et configurer Pinia
 const pinia = createPinia()
 
 // Toast configuration
@@ -26,8 +29,20 @@ const toastOptions = {
   rtl: false
 }
 
+// Installer les plugins dans l'ordre correct
+// IMPORTANT: Pinia doit être installé AVANT le router
 app.use(pinia)
-app.use(router)
 app.use(Toast, toastOptions)
 
-app.mount('#app')
+// Maintenant installer le router
+app.use(router)
+
+// Attendre que le router soit prêt avant de monter l'app
+router.isReady().then(() => {
+  app.mount('#app')
+  console.log('🚀 Application montée avec succès')
+}).catch((error) => {
+  console.error('❌ Erreur lors du montage de l\'application:', error)
+  // Fallback: monter l'app même en cas d'erreur
+  app.mount('#app')
+})