From 172d64856801798967ee0a2ed15be0b3b3874aab Mon Sep 17 00:00:00 2001
From: Laurent <laurent@ollagnier.org>
Date: Sat, 24 Feb 2024 17:07:42 +0000
Subject: [PATCH] Menu clickable

---
 src/components/BrainBlastBar.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

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>