Init

frontend/src/pages/join.vue

@@ -1,7 +1,10 @@
 <script lang="ts" setup>
 import {ref, watch} from 'vue'
 import {useRouter} from 'vue-router'
-import {apiFetch} from '@/plugins/api'
+import {useApi} from "@/composables/useApi.ts";
+
+
+const api = useApi()
 
 const router = useRouter()
 
@@ -47,17 +50,14 @@ async function handleRegister() {
   }
 
   try {
-    const response = await apiFetch('/join', {
-      method: 'POST',
-      body
-    })
+    const response = await api.post('/join', body)
 
     if (!response.ok) {
       const errData = await response.json().catch(() => ({message: 'Erreur lors de l\'inscription'}))
       throw new Error(errData.message || 'Échec de l\'inscription')
     }
 
-    router.push('/login')
+    await router.push('/login')
   } catch (err) {
     error.value = err instanceof Error ? err.message : 'Une erreur est survenue'
   } finally {

frontend/src/pages/login.vue

@@ -2,8 +2,10 @@
 import {ref} from 'vue'
 import {useAuthStore} from '@/stores/auth'
 import {useRouter} from 'vue-router'
-import {apiFetch} from "@/plugins/api.ts";
+import {useApi} from "@/composables/useApi.ts";
 
+
+const api = useApi()
 const authStore = useAuthStore()
 const router = useRouter()
 
@@ -21,24 +23,26 @@ async function handleLogin() {
   error.value = ''
 
   try {
-    // Appel direct via votre helper
-    const response = await apiFetch('/auth/login', {
-      method: 'POST',
-      body: {
-        username: username.value,
-        password: password.value
-      }
+    const response = await api.post('/auth/login', {
+      username: username.value,
+      password: password.value
     })
 
+    if (response.status === 401) {
+      error.value = "Identifiants incorrects"
+      return
+    }
+
     if (!response.ok) {
-      throw new Error('Identifiants invalides')
+      error.value = "Une erreur est survenue lors de la connexion"
+      return
     }
 
     const data = await response.json()
     await authStore.setToken(data.token)
     await router.push('/')
   } catch (err) {
-    error.value = 'Erreur de connexion'
+    error.value = 'Impossible de contacter le serveur'
   } finally {
     loading.value = false
   }

frontend/src/pages/server/channel/index.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

frontend/src/pages/server/index.vue

@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>