You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.4 KiB
42 lines
1.4 KiB
<script setup> |
|
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue'; |
|
import DeleteUserForm from './Partials/DeleteUserForm.vue'; |
|
import UpdatePasswordForm from './Partials/UpdatePasswordForm.vue'; |
|
import UpdateProfileInformationForm from './Partials/UpdateProfileInformationForm.vue'; |
|
import { Head } from '@inertiajs/vue3'; |
|
|
|
defineProps({ |
|
mustVerifyEmail: Boolean, |
|
status: String, |
|
}); |
|
</script> |
|
|
|
<template> |
|
<Head title="Profile" /> |
|
|
|
<AuthenticatedLayout> |
|
<template #header> |
|
<h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Profile</h2> |
|
</template> |
|
|
|
<div class="py-12"> |
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6"> |
|
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"> |
|
<UpdateProfileInformationForm |
|
:must-verify-email="mustVerifyEmail" |
|
:status="status" |
|
class="max-w-xl" |
|
/> |
|
</div> |
|
|
|
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"> |
|
<UpdatePasswordForm class="max-w-xl" /> |
|
</div> |
|
|
|
<div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg"> |
|
<DeleteUserForm class="max-w-xl" /> |
|
</div> |
|
</div> |
|
</div> |
|
</AuthenticatedLayout> |
|
</template>
|
|
|