Génère le menu en fonction de la configuration du routeur

This commit is contained in:
Laurent 2024-02-24 17:31:30 +00:00
parent a614f381d3
commit 132383122a

View File

@ -3,8 +3,7 @@
<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>Item 1</v-list-item>
<v-list-item>Item 2</v-list-item>
<v-list-item v-for="route in routes" :key="route.name" :to="route.path">{{ route.name }}</v-list-item>
</v-list>
</v-menu>
@ -19,8 +18,12 @@
<script setup>
import { ref } from 'vue'
import { useTheme } from 'vuetify'
import { useRouter } from 'vue-router';
const theme = useTheme()
const router = useRouter();
const routes = router.options.routes;
let menu = ref(false)
function toggleTheme () {