[#203] Réceptions — Parcours de pesée multi-étapes (première partie) (!3)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|        #203          |      Réceptions — Parcours de pesée multi-étapes         |

## Description de la PR
[#203] Réceptions — Parcours de pesée multi-étapes

## Modification du .env

## Check list

- [x] Pas de régression
- [x] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [x] CHANGELOG modifié

Reviewed-on: #3
Reviewed-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-authored-by: AUTIN Tristan <tristan@yuno.malio.fr>
Co-committed-by: AUTIN Tristan <tristan@yuno.malio.fr>

frontend/pages/index.vue

@@ -1,9 +1,21 @@
 <template>
-    <div class="min-h-screen flex items-center justify-center">
-        <h1 class="text-3xl font-bold">Nuxt OK ✅</h1>
+    <div class="">
+        <h1 class="text-3xl font-bold">Liste des receptions</h1>
+        <ul>
+            <li v-for="reception in receptionList" :key="reception.id">
+                <NuxtLink :to="`/reception/${reception.id}`">Réception numéro {{ reception.id}}</NuxtLink>
+            </li>
+        </ul>
     </div>
 </template>
 
 <script setup lang="ts">
+import type {ReceptionData} from "~/services/dto/reception-data";
+import {getReceptionList} from "~/services/reception";
 
+const receptionList = ref<ReceptionData[]>()
+
+onMounted(async () => {
+    receptionList.value = await getReceptionList()
+})
 </script>

frontend/pages/reception/[[id]].vue

@@ -0,0 +1,36 @@
+<template>
+    <div v-if="errorMessage" class="text-red-600">{{ errorMessage }}</div>
+    <div v-else>
+        <div class="flex justify-between h-[52px] mb-[90px]">
+            <p class="self-center">Indicateur d’étapes</p>
+            <NuxtLink to="/" class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center">Mettre en attente</NuxtLink>
+        </div>
+        <ReceptionForm v-if="storeReception?.currentStep === 0"/>
+        <ReceptionWeight v-if="storeReception?.currentStep === 1" mode="gross"/>
+        <ReceptionUnloading v-if="storeReception?.currentStep === 2"/>
+        <ReceptionWeight v-if="storeReception?.currentStep === 3" mode="tare"/>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { useReceptionStore } from '~/stores/reception'
+import { storeToRefs } from 'pinia'
+
+const route = useRoute()
+const router = useRouter()
+
+const receptionStore = useReceptionStore()
+const { current: storeReception, errorMessage } = storeToRefs(receptionStore)
+
+onMounted(async () => {
+    const raw = route.params.id
+    const idStr = Array.isArray(raw) ? raw[0] : raw
+    const id = idStr ? Number(idStr) : null
+
+    if (id === null) {
+        await receptionStore.createReception()
+    } else {
+        await receptionStore.loadReception(id)
+    }
+})
+</script>