You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and dots ('.'), can be up to 35 characters long. Letters must be lowercase.
55 lines
1.7 KiB
55 lines
1.7 KiB
<script setup> |
|
import Layout from '@/Layouts/Layout.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: { |
|
type: Boolean, |
|
}, |
|
status: { |
|
type: String, |
|
}, |
|
}); |
|
</script> |
|
|
|
<template> |
|
<Head title="Profile" /> |
|
|
|
<Layout> |
|
<template #header> |
|
<h2 class="text-lg font-semibold text-black py-2"> |
|
Profile |
|
</h2> |
|
</template> |
|
<template #content> |
|
<div class="py-12"> |
|
<div class="mx-auto max-w-7xl space-y-6 sm:px-6 lg:px-8"> |
|
<div |
|
class="bg-white p-4 shadow sm:rounded-lg sm:p-8" |
|
> |
|
<UpdateProfileInformationForm |
|
:must-verify-email="mustVerifyEmail" |
|
:status="status" |
|
class="pr-64" |
|
/> |
|
</div> |
|
|
|
<div |
|
class="bg-white p-4 shadow sm:rounded-lg sm:p-8" |
|
> |
|
<UpdatePasswordForm class="pr-64" /> |
|
</div> |
|
|
|
<div |
|
class="bg-white p-4 shadow sm:rounded-lg sm:p-8" |
|
> |
|
<DeleteUserForm class="pr-64" /> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
</Layout> |
|
</template>
|
|
|