feat [front]: admin header and navigation

front/components/admin/form.vue

@@ -132,6 +132,9 @@
         <button class="button is-primary" @click="emits('publish')">
           {{ film?.isConfirmed ? "Sauvegarder" : "Publier" }}
         </button>
+        <nuxt-link :to="`/admin/${film.id}`">
+          <button class="button">Quitter l'édition</button>
+        </nuxt-link>
       </div>
     </div>
 

front/components/admin/header.vue

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

front/layouts/admin.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- TODO add menu -->
+  <AdminHeader />
   <div class="container"><slot /></div>
 </template>