Ajout page 404 + Style dashboard et d'autres trucs

src/App.vue

@@ -1,19 +1,30 @@
 <script setup lang="ts">
 import { RouterView, RouterLink } from 'vue-router'
 import { ref, provide, onMounted } from 'vue'
-import { checkUser } from '@/utils/discord'
+import { checkUser, checkBots, checkUserGuilds } from '@/utils/discord'
 import type { Ref } from 'vue'
-import type { User } from '@/utils/discord'
+import type { User, Guild } from '@/utils/discord'
 
-// État de l'utilisateur et de son avatar
+// État de l'utilisateur, des bots et de leur avatar
 const user: Ref<User | null> = ref(null)
-const avatar = ref('')
+const bots: Ref<User[] | null> = ref([])
+const guilds: Ref<Guild[] | null> = ref([])
+const avatar = ref('/question-square.svg')
+const ready = ref(false)
 
 provide('user', user) // Fournit l'utilisateur aux composants enfants
+provide('bots', bots) // Fournit les bots aux composants enfants
+provide('guilds', guilds) // Fournit les guilds aux composants enfants
+provide('ready', ready) // Fournit l'état de préparation aux composants enfants
 
 onMounted(async () => {
     user.value = await checkUser() // Vérifie l'authentification lors du montage du composant
-    avatar.value = user.value ? `https://cdn.discordapp.com/avatars/${user.value.id}/${user.value.avatar}?size=48` : ''
+    if (user.value) {
+        avatar.value = `https://cdn.discordapp.com/avatars/${user.value.id}/${user.value.avatar}?size=48`
+        bots.value = await checkBots() // Vérifie les bots
+        guilds.value = await checkUserGuilds() // Vérifie les guilds de l'utilisateur
+        ready.value = true
+    }
 })
 </script>
 
@@ -27,7 +38,7 @@ onMounted(async () => {
             <router-link to="/">Index</router-link>
             <p>|</p>
             <router-link to="/discord">Discord</router-link>
-            <img v-if="user" :src=avatar>
+            <img class="rounded" :src=avatar>
         </nav>
     </header>
 
@@ -66,10 +77,6 @@ nav * {
     margin-left: 20px;
 }
 
-nav img {
-    border-radius: 20%;
-}
-
 h1 {
     text-align: center;
     left: 0;