tp3

tp3/layouts/default.vue

@@ -0,0 +1,45 @@
+<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>