feat [both]: separate public and admin routes

front/pages/admin/[id]/edition.vue

@@ -14,11 +14,11 @@ const id = route.params.id
 
 const film = reactive<Film>({})
 
-Object.assign(film, (await apiGet(`films/${id}/`)).data.value)
+Object.assign(film, (await apiGet(`admin/films/${id}/`)).data.value)
 // TODO manage errors
 
 async function save(publish: boolean) {
-  const { data } = await apiPatch(`films/${id}/`, {
+  const { data } = await apiPatch(`admin/films/${id}/`, {
     ...film,
     isConfirmed: publish,
   })

front/pages/admin/[id]/index.vue

@@ -77,7 +77,7 @@ const id = route.params.id
 
 const film = reactive<Film>({})
 
-Object.assign(film, (await apiGet(`films/${id}/`)).data.value)
+Object.assign(film, (await apiGet(`admin/films/${id}/`)).data.value)
 
 const tags = computed(() => {
   const base = [

front/pages/admin/index.vue

@@ -24,5 +24,5 @@ definePageMeta({
 
 const films = reactive<ShortFilm[]>([])
 
-Object.assign(films, (await apiGet("films/")).data.value)
+Object.assign(films, (await apiGet("admin/films/")).data.value)
 </script>

front/pages/admin/nouveau.vue

@@ -14,13 +14,13 @@ const film = reactive<Film>({})
 const { $api } = useNuxtApp()
 
 async function post() {
-  return await $api.post("films/", { ...film, isConfirmed: true })
+  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("films/", { ...film, isConfirmed: false })
+  return await $api.post("admin/films/", { ...film, isConfirmed: false })
   // TODO redirect to list ? to edit ?
 }
 </script>

front/pages/index.vue

@@ -1,16 +1,24 @@
 <template>
   <section class="section">
     <h2 class="title">La semaine prochaine</h2>
-    <MovieCardFull :film="nextFilm" />
+    <MovieCardFull :film="firstFilm" />
   </section>
   <section class="section">
     <h2 class="title">Et après</h2>
+    <MovieCardFull
+      v-for="film of nextFilms"
+      :key="film.id"
+      :film="film"
+      class="block"
+    />
   </section>
 </template>
 
 <script setup lang="ts">
 import { Film } from "~/composables/types"
 
-const nextFilm = ref<Film>()
-nextFilm.value = (await apiGet(`films/1/`)).data.value
+const films = ref<Film[]>()
+films.value = (await apiGet<Film[]>(`films/`)).data.value
+const firstFilm = computed(() => films.value[0])
+const nextFilms = computed(() => films.value.slice(1))
 </script>