ForgotPassword.vue 903B

123456789101112131415161718192021222324252627282930313233343536373839404142
  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 Kata Sandi" />
  16. <AuthLayout>
  17. <template #header>
  18. <span>Lupa Kata Sandi</span> <br />
  19. <span>Tulis Email anda untuk mereset Kata Sandi.</span>
  20. </template>
  21. <AppInputText
  22. v-model="form.email"
  23. label="Email"
  24. placeholder="email"
  25. :error="form.errors.email"
  26. />
  27. <Button
  28. @click="onSubmit"
  29. label="Permintaan Kata Sandi baru"
  30. :disabled="form.processing"
  31. class="w-full p-3 text-xl"
  32. />
  33. </AuthLayout>
  34. </template>