cineclub-site/front/pages/admin/nouveau.vue

<template>
  <main class="section">
    <h1 class="title">Nouvelle séance</h1>
    <AdminForm v-model="film" @save="post" @publish="publish" />
  </main>
</template>

<script setup lang="ts">
import { Film } from "~/composables/types"

definePageMeta({ layout: "admin" })
useHead({ title: "Nouvelle séance" })

const film = reactive<Film>({})
const { $api } = useNuxtApp()

async function post() {
  return await $api.post("admin/films/", { ...film, isConfirmed: true })
  // TODO redirect to list ? to edit ?
}

async function publish() {
  // TODO validate ? let API do the job ?
  return await $api.post("admin/films/", { ...film, isConfirmed: false })
  // TODO redirect to list ? to edit ?
}
</script>