<template>
  <v-app> 
    <BrainBlastBar v-if="$route.name != 'Game Display (Projection)'" />   
    <GameStatus v-if="$route.name === 'Game Control (Présentateur)'">
    </GameStatus> 
    <v-main>   
      <RouterView /> 
    </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 GameStatus from '@/components/GameStatus.vue'

</script>

<style>
  html {
    overflow: auto !important;
  }
  .footer { 
    position: fixed; /* Fixe le footer en bas de la page */ 
    bottom: 0; /* Aligne le footer en bas de la page */ 
    left: 0; /* Aligne le footer à gauche */ 
    width: 100%; /* Ajuste la largeur du footer en fonction de la largeur de l'écran */ 
    z-index: 1000; /* Assure que le footer est au-dessus des autres éléments */
  }
</style>
