init

frontend/src/layouts/AppLayout.vue

@@ -1,5 +1,11 @@
 <script lang="ts" setup>
+import {storeToRefs} from 'pinia'
+import {useServerStore} from '@/stores/server'
 
+const serverStore = useServerStore()
+
+const {servers} = storeToRefs(serverStore)
+console.log(servers.value)
 </script>
 
 <template>
@@ -20,43 +26,32 @@
       color="grey-lighten-3"
       rail
     >
-      <v-avatar
-        class="d-block text-center mx-auto mt-4"
-        color="grey-darken-1"
-        size="36"
-      ></v-avatar>
+      <router-link to="/">
+        <v-avatar
+          class="d-flex text-center mx-auto mt-4"
+          color="red"
+          icon="mdi-home"
+          size="36"
+        ></v-avatar>
+      </router-link>
 
       <v-divider class="mx-3 my-5"></v-divider>
 
-      <v-avatar
-        v-for="n in 6"
-        :key="n"
-        class="d-block text-center mx-auto mb-9"
-        color="grey-lighten-1"
-        size="28"
-      ></v-avatar>
-    </v-navigation-drawer>
-    <v-navigation-drawer width="244">
-      <v-sheet
-        color="grey-lighten-5"
-        height="128"
-        width="100%"
-      ></v-sheet>
+      <router-link
+        v-for="server in servers"
+        :key="server.id"
+        :to="`/server/${server.id}`"
+      >
+        <v-avatar
+          class="d-block text-center mx-auto mb-9"
+          color="grey-lighten-1"
+          size="28"
+        ></v-avatar>
+      </router-link>
 
-      <v-list>
-        <v-list-item
-          v-for="n in 5"
-          :key="n"
-          :title="`Item ${ n }`"
-          link
-        ></v-list-item>
-      </v-list>
     </v-navigation-drawer>
-
-    <v-main>
-      <!-- Les pages de l'application s'injecteront ici -->
-      <router-view/>
-    </v-main>
+    <router-view/>
+    
   </v-app>
 </template>