VApp/src/App.vue

@@ -1,19 +1,28 @@
 <template>
   <v-app> 
-    <BrainBlastBar v-if="$route.name != 'Game Display (Projection)'" />   
-    <GameStatus v-if="$route.name === 'Game Control (Présentateur)'">
-    </GameStatus> 
+    <VultureBar v-if="showVultureBar" />   
+    <GameStatus v-if="showGameStatus" /> 
     <v-main>   
-      <RouterView /> 
+      <RouterView :key="$route.fullPath" /> 
     </v-main> <!-- <v-footer class="footer" :elevation=12 border><v-row justify="center">© 2024 - ASCO section Fablab</v-row></v-footer> -->
   </v-app>
 </template>
 
 <script setup>
-
-import BrainBlastBar from '@/components/BrainBlastBar.vue'
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import VultureBar from '@/components/VultureBar.vue'
 import GameStatus from '@/components/GameStatus.vue'
 
+const route = useRoute();
+
+const showVultureBar = computed(() => {
+  return route.name !== 'Game Display (Projection)' && route.name !== 'Score Display (Projection)';
+});
+
+const showGameStatus = computed(() => {
+  return route.name === 'Game Control (Présentateur)';
+});
 </script>
 
 <style>