Compare commits

...

2 Commits

3 changed files with 26 additions and 24 deletions

View File

@ -1,12 +1,6 @@
<template> <template>
<v-app-bar :elevation="12"> <v-app-bar :elevation="12">
<v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon> <RouterMenu />
<v-menu v-model="menu" class="menu-below-bar">
<v-list>
<v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
</v-list>
</v-menu>
<v-app-bar-title>Brain Blast</v-app-bar-title> <v-app-bar-title>Brain Blast</v-app-bar-title>
<template v-slot:append> <template v-slot:append>
@ -16,24 +10,12 @@
</template> </template>
<script setup> <script setup>
import { ref } from 'vue'
import { useTheme } from 'vuetify' import { useTheme } from 'vuetify'
import { useRouter } from 'vue-router'; import RouterMenu from '@/components/RouterMenu.vue'
const theme = useTheme() const theme = useTheme()
const router = useRouter();
const routes = router.options.routes;
let menu = ref(false)
function toggleTheme () { function toggleTheme () {
theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark' theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
} }
</script> </script>
<style scoped>
.menu-below-bar {
margin-top: 48px; /* La hauteur de la barre d'application */
}
</style>

View File

@ -1,7 +1,3 @@
<script>
// L'affichage lateral gauche pour l'état du jeu (ex. Score)
</script>
<template> <template>
<v-navigation-drawer> <v-navigation-drawer>
<v-list-item title="Brain Blast" subtitle="The cultural quizzzz"></v-list-item> <v-list-item title="Brain Blast" subtitle="The cultural quizzzz"></v-list-item>

View File

@ -0,0 +1,24 @@
<template>
<v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
<v-menu v-model="menu" class="menu-below-bar">
<v-list>
<v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
</v-list>
</v-menu>
</template>
<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()
const routes = router.options.routes
let menu = ref(false)
</script>
<style scoped>
.menu-below-bar {
margin-top: 48px; /* La hauteur de la barre d'application */
}
</style>