45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col">
|
||
|
|
<nav class="navbar navbar-expand">
|
||
|
|
<p>
|
||
|
|
<a class="navbar-brand" href="#">Logo</a>
|
||
|
|
</p>
|
||
|
|
<div class="collapse navbar-collapse">
|
||
|
|
<ul class="navbar-nav">
|
||
|
|
<li v-for="(menuItem, i) in menuItems" :key="'menuItem' + i" class="nav-item">
|
||
|
|
<a class="nav-link" :href="menuItem.path">{{ menuItem.title }}</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<slot />
|
||
|
|
Footer
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
const menuItems = [
|
||
|
|
{
|
||
|
|
path: '/',
|
||
|
|
title: 'Accueil'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/category/vetements',
|
||
|
|
title: 'Vêtements'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/category/chaussures',
|
||
|
|
title: 'Chaussures'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
path: '/category/accessoires',
|
||
|
|
title: 'Accessoires'
|
||
|
|
}
|
||
|
|
]
|
||
|
|
</script>
|