From bf695dc5efc1d521b1289115f58d8d711674d30c Mon Sep 17 00:00:00 2001
From: Laurent <laurent@ollagnier.org>
Date: Fri, 23 Feb 2024 16:33:03 +0000
Subject: [PATCH] =?UTF-8?q?S=C3=A9pare=20l'app-bar=20et=20le=20navigation?=
 =?UTF-8?q?=20drawer=20dans=20deux=20composants?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                  |  3 ++-
 src/components/{AppAppBar.vue => AppBar.vue} | 12 ------------
 src/components/GameStatus.vue                | 13 +++++++++++++
 3 files changed, 15 insertions(+), 13 deletions(-)
 rename src/components/{AppAppBar.vue => AppBar.vue} (66%)
 create mode 100644 src/components/GameStatus.vue

diff --git a/src/App.vue b/src/App.vue
index 68c1508..4dd303a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <v-app>
-    <AppAppBar />
+    <AppBar />
+    <GameStatus />
     <v-main>
       <HelloWorld msg="PIGNOUF ! " />
       <RouterLink to="/">Home</RouterLink>
diff --git a/src/components/AppAppBar.vue b/src/components/AppBar.vue
similarity index 66%
rename from src/components/AppAppBar.vue
rename to src/components/AppBar.vue
index 8f795ca..c00bce2 100644
--- a/src/components/AppAppBar.vue
+++ b/src/components/AppBar.vue
@@ -21,21 +21,9 @@
 
       <template v-slot:append>
         <v-btn @click="toggleTheme" icon="mdi-theme-light-dark"></v-btn>
-        <v-btn icon="mdi-settings-helper"></v-btn>
       </template>
     </v-app-bar>
 
-    <!-- Settings contextuels a chaques pages,
-         TODO : composant a masquer avec le v-btn mdi-setting-helper  -->
-
-    <v-navigation-drawer>
-     <v-list-item title="Brain Blast" subtitle="The cultural quizzzz"></v-list-item>
-      <v-divider></v-divider>
-      <v-list-item link title="List Item 1"></v-list-item>
-      <v-list-item link title="List Item 2"></v-list-item>
-      <v-list-item link title="List Item 3"></v-list-item>
-    </v-navigation-drawer>
-
 </template>
 
 <script setup>
diff --git a/src/components/GameStatus.vue b/src/components/GameStatus.vue
new file mode 100644
index 0000000..2deeb5b
--- /dev/null
+++ b/src/components/GameStatus.vue
@@ -0,0 +1,13 @@
+<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>
+    <v-divider></v-divider>
+    <v-list-item link title="List Item 1"></v-list-item>
+    <v-list-item link title="List Item 2"></v-list-item>
+    <v-list-item link title="List Item 3"></v-list-item>
+  </v-navigation-drawer>
+</template>