+
Don't have an account?
Sign up
-
+
diff --git a/resources/js/pages/auth/Register.vue b/resources/js/pages/auth/Register.vue
index bd611677..bc4c65df 100644
--- a/resources/js/pages/auth/Register.vue
+++ b/resources/js/pages/auth/Register.vue
@@ -5,53 +5,38 @@ import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import AuthBase from '@/layouts/AuthLayout.vue';
-import { Head, useForm } from '@inertiajs/vue3';
+import { Form, Head } from '@inertiajs/vue3';
import { LoaderCircle } from 'lucide-vue-next';
-
-const form = useForm({
- name: '',
- email: '',
- password: '',
- password_confirmation: '',
-});
-
-const submit = () => {
- form.post(route('register'), {
- onFinish: () => form.reset('password', 'password_confirmation'),
- });
-};
-
diff --git a/resources/js/pages/settings/Password.vue b/resources/js/pages/settings/Password.vue
index 8cf7961a..061e6558 100644
--- a/resources/js/pages/settings/Password.vue
+++ b/resources/js/pages/settings/Password.vue
@@ -2,7 +2,7 @@
import InputError from '@/components/InputError.vue';
import AppLayout from '@/layouts/AppLayout.vue';
import SettingsLayout from '@/layouts/settings/Layout.vue';
-import { Head, useForm } from '@inertiajs/vue3';
+import { Form, Head } from '@inertiajs/vue3';
import { ref } from 'vue';
import HeadingSmall from '@/components/HeadingSmall.vue';
@@ -20,34 +20,6 @@ const breadcrumbItems: BreadcrumbItem[] = [
const passwordInput = ref
(null);
const currentPasswordInput = ref(null);
-
-const form = useForm({
- current_password: '',
- password: '',
- password_confirmation: '',
-});
-
-const updatePassword = () => {
- form.put(route('password.update'), {
- preserveScroll: true,
- onSuccess: () => form.reset(),
- onError: (errors: any) => {
- if (errors.password) {
- form.reset('password', 'password_confirmation');
- if (passwordInput.value instanceof HTMLInputElement) {
- passwordInput.value.focus();
- }
- }
-
- if (errors.current_password) {
- form.reset('current_password');
- if (currentPasswordInput.value instanceof HTMLInputElement) {
- currentPasswordInput.value.focus();
- }
- }
- },
- });
-};
@@ -58,19 +30,29 @@ const updatePassword = () => {
-
+
-
+
@@ -78,30 +60,30 @@ const updatePassword = () => {
-
+
-
+
-
+
{
leave-active-class="transition ease-in-out"
leave-to-class="opacity-0"
>
- Saved.
+ Saved.
-
+
diff --git a/resources/js/pages/settings/Profile.vue b/resources/js/pages/settings/Profile.vue
index d923c9e4..eadec3b0 100644
--- a/resources/js/pages/settings/Profile.vue
+++ b/resources/js/pages/settings/Profile.vue
@@ -1,5 +1,5 @@
@@ -48,11 +37,19 @@ const submit = () => {
-
+
-
-
+
+
@@ -61,12 +58,13 @@ const submit = () => {
id="email"
type="email"
class="mt-1 block w-full"
- v-model="form.email"
+ name="email"
+ :default-value="user.email"
required
autocomplete="username"
placeholder="Email address"
/>
-
+
@@ -88,7 +86,7 @@ const submit = () => {
-
+
{
leave-active-class="transition ease-in-out"
leave-to-class="opacity-0"
>
- Saved.
+ Saved.
-
+