38 lines
718 B
Vue
38 lines
718 B
Vue
|
<template>
|
||
|
|
<div class="navbar-container mb-6">
|
||
|
|
<nav
|
||
|
|
class="navbar container"
|
||
|
|
role="navigation"
|
||
|
|
aria-label="main navigation"
|
||
|
|
>
|
||
|
|
<div class="navbar-menu">
|
||
|
|
<div class="navbar-start">
|
||
|
|
<nuxt-link
|
||
|
|
v-for="(menuItem, index) of menuItems"
|
||
|
|
:key="index"
|
||
|
|
class="navbar-item"
|
||
|
|
:to="menuItem.link"
|
||
|
|
>
|
||
|
|
{{ menuItem.label }}
|
||
|
|
</nuxt-link>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
const menuItems = [
|
||
|
|
{
|
||
|
|
label: "Liste des films",
|
||
|
|
link: "/admin",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
label: "Accéder au site",
|
||
|
|
link: "/",
|
||
|
|
},
|
||
|
|
]
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="sass"></style>
|