diff --git a/src/components/BrainBlastBar.vue b/src/components/BrainBlastBar.vue
index 3dc08f9..6c59103 100644
--- a/src/components/BrainBlastBar.vue
+++ b/src/components/BrainBlastBar.vue
@@ -1,22 +1,14 @@
-<script>
-// Il s'agit de la bar de navigation principale pour passer d'une vue a l'autre
-</script>
-
 <template>
   <v-app-bar :elevation="12">
     <!-- TODO: Ici je voudrai ouvrir un menu en cliquant sur le v-app-bar-nav-icon -->
-    <v-app-bar-nav-icon @click="menu = !menu"></v-app-bar-nav-icon>
-    <v-menu v-model="menu" offset-y>
-      <template v-slot:activator="{ on }">
-        <v-btn v-on="on" color="primary">Menu</v-btn>
-      </template>
+    <v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
+    <v-menu v-model="menu">
       <v-list>
         <v-list-item>Item 1</v-list-item>
         <v-list-item>Item 2</v-list-item>
       </v-list>
     </v-menu>
 
-
     <v-app-bar-title>Brain Blast</v-app-bar-title>
 
     <template v-slot:append>
@@ -26,11 +18,14 @@
 </template>
 
 <script setup>
+  import { ref } from 'vue'
   import { useTheme } from 'vuetify'
 
   const theme = useTheme()
+  let menu = ref(false)
 
   function toggleTheme () {
     theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
   }
+
 </script>