ForgotPassword.vue 839B

1234567891011121314151617181920212223242526272829303132
  1. <script setup>
  2. import { Head, useForm } from '@inertiajs/inertia-vue3'
  3. import { useFormErrorReset } from '@/components/useFormErrorReset'
  4. import AppInputText from '@/components/AppInputText.vue'
  5. import AuthLayout from '@/layouts/AuthLayout.vue'
  6. const form = useForm({
  7. email: '',
  8. })
  9. useFormErrorReset(form)
  10. const onSubmit = () => {
  11. form.post(route('password.email'))
  12. }
  13. </script>
  14. <template>
  15. <Head title="Lupa Password" />
  16. <AuthLayout>
  17. <template #header>
  18. <span>Lupa Password</span> <br />
  19. <span>Tulis Email anda untuk mereset Password.</span>
  20. </template>
  21. <AppInputText v-model="form.email" label="Email" placeholder="email" :error="form.errors.email" />
  22. <Button @click="onSubmit" label="Permintaan Password baru" :disabled="form.processing" class="w-full p-3 text-xl" />
  23. </AuthLayout>
  24. </template>