From 3ce7e95068ccd572f2fe2f9ef9da3cfb3039e29e Mon Sep 17 00:00:00 2001
From: Laurent <laurent@ollagnier.org>
Date: Fri, 23 Feb 2024 16:34:31 +0000
Subject: [PATCH] nouveau nom pour la bar

---
 src/App.vue                      |  2 +-
 src/components/AppBar.vue        | 37 --------------------------------
 src/components/BrainBlastBar.vue | 36 +++++++++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 38 deletions(-)
 delete mode 100644 src/components/AppBar.vue
 create mode 100644 src/components/BrainBlastBar.vue

diff --git a/src/App.vue b/src/App.vue
index 4dd303a..eba6dff 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <AppBar />
+    <BrainBlastBar />
     <GameStatus />
     <v-main>
       <HelloWorld msg="PIGNOUF ! " />
diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
deleted file mode 100644
index c00bce2..0000000
--- a/src/components/AppBar.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<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-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>
-        <v-btn @click="toggleTheme" icon="mdi-theme-light-dark"></v-btn>
-      </template>
-    </v-app-bar>
-
-</template>
-
-<script setup>
-  import { useTheme } from 'vuetify'
-
-  const theme = useTheme()
-
-  function toggleTheme () {
-    theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
-  }
-</script>
diff --git a/src/components/BrainBlastBar.vue b/src/components/BrainBlastBar.vue
new file mode 100644
index 0000000..3dc08f9
--- /dev/null
+++ b/src/components/BrainBlastBar.vue
@@ -0,0 +1,36 @@
+<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-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>
+      <v-btn @click="toggleTheme" icon="mdi-theme-light-dark"></v-btn>
+    </template>
+  </v-app-bar>
+</template>
+
+<script setup>
+  import { useTheme } from 'vuetify'
+
+  const theme = useTheme()
+
+  function toggleTheme () {
+    theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
+  }
+</script>