From 5aca02639139fb0103a820a704d12cbddfa28e3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20CHOMAZ?= <jeremy.chomaz20@gmail.com>
Date: Sun, 25 Feb 2024 11:37:06 +0100
Subject: [PATCH] Test de commit avec une modif dans brainblatbar

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

diff --git a/src/components/BrainBlastBar.vue b/src/components/BrainBlastBar.vue
index 9bfc5eb..f24814b 100644
--- a/src/components/BrainBlastBar.vue
+++ b/src/components/BrainBlastBar.vue
@@ -4,18 +4,24 @@
     <v-app-bar-title>Brain Blast</v-app-bar-title>
 
     <template v-slot:append>
-      <v-btn @click="toggleTheme" icon="mdi-theme-light-dark"></v-btn>
+      <v-btn icon @click="toggleTheme">
+        <v-icon>{{ darkTheme ? 'mdi-white-balance-sunny' : 'mdi-moon-waning-crescent' }}</v-icon>
+      </v-btn>
     </template>
   </v-app-bar>
 </template>
 
 <script setup>
+  import { ref } from 'vue'
   import { useTheme } from 'vuetify'
   import RouterMenu from '@/components/RouterMenu.vue'
 
   const theme = useTheme()
+  const darkTheme = ref(true)
 
-  function toggleTheme () {
+  function toggleTheme() {
+    darkTheme.value = !darkTheme.value
     theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
   }
+
 </script>