src/components/BrainBlastBar.vue

@@ -1,6 +1,12 @@
 <template>
   <v-app-bar :elevation="12">
-    <RouterMenu />
+    <v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
+    <v-menu v-model="menu" class="menu-below-bar">
+      <v-list>
+        <v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
+      </v-list>
+    </v-menu>
+
     <v-app-bar-title>Brain Blast</v-app-bar-title>
 
     <template v-slot:append>
@@ -10,12 +16,24 @@
 </template>
 
 <script setup>
+  import { ref } from 'vue'
   import { useTheme } from 'vuetify'
-  import RouterMenu from '@/components/RouterMenu.vue'
+  import { useRouter } from 'vue-router';
 
   const theme = useTheme()
+  const router = useRouter();
+  const routes = router.options.routes;
+
+  let menu = ref(false)
 
   function toggleTheme () {
     theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
   }
+
 </script>
+
+<style scoped>
+  .menu-below-bar {
+    margin-top: 48px; /* La hauteur de la barre d'application */
+  }
+</style>

src/components/GameStatus.vue

@@ -1,3 +1,7 @@
+<script>
+// L'affichage lateral gauche pour l'état du jeu (ex. Score)
+</script>
+
 <template>
   <v-navigation-drawer>
     <v-list-item title="Brain Blast" subtitle="The cultural quizzzz"></v-list-item>

src/components/RouterMenu.vue

@@ -1,24 +0,0 @@
-<template>
-  <v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
-  <v-menu v-model="menu" class="menu-below-bar">
-    <v-list>
-      <v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
-    </v-list>
-  </v-menu>
-</template>
-
-<script setup>
-  import { ref } from 'vue'
-  import { useRouter } from 'vue-router'
-
-  const router = useRouter()
-  const routes = router.options.routes
-
-  let menu = ref(false)
-</script>
-
-<style scoped>
-  .menu-below-bar {
-    margin-top: 48px; /* La hauteur de la barre d'application */
-  }
-</style>