Edit.vue

<!-- ========================================================================= -->
<!-- resources/js/Pages/Students/Edit.vue - MODIFIER UN ÉTUDIANT -->
<!-- ========================================================================= -->
<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import type { Student } from '@/types/student';
import AuthenticatedLayout from '@/layouts/AuthenticatedLayout.vue';
import StudentForm from './Partials/StudentForm.vue';

interface Props {
    student: Student;
}

defineProps<Props>();
</script>

<template>
    <Head :title="`Modifier ${student.name}`" />

    <AuthenticatedLayout>
        <div class="py-12">
            <div class="mx-auto max-w-4xl sm:px-6 lg:px-8">
                <StudentForm mode="edit" :student="student" />
            </div>
        </div>
    </AuthenticatedLayout>
</template>