Include autocomplete on all relevant elements. (#13)

* Include autocomplete on all relevant elements.

* Update stubs/livewire/resources/views/profile/update-profile-information-form.blade.php

Co-authored-by: Enzo Innocenzi <[email protected]>

* Update stubs/resources/views/auth/register.blade.php

Co-authored-by: Enzo Innocenzi <[email protected]>

* Update UpdateProfileInformationForm.vue

Co-authored-by: Taylor Otwell <[email protected]>
Co-authored-by: Enzo Innocenzi <[email protected]>

Author: 3 people

stubs/inertia/resources/js/Pages/Profile/UpdatePasswordForm.vue

@@ -11,19 +11,19 @@
         <template #form>
             <div class="col-span-6 sm:col-span-4">
                 <jet-label for="current_password" value="Current Password" />
-                <jet-input id="current_password" type="password" class="mt-1 block w-full" v-model="form.current_password" ref="current_password" />
+                <jet-input id="current_password" type="password" class="mt-1 block w-full" v-model="form.current_password" ref="current_password" autocomplete="current-password" />
                 <jet-input-error :message="form.error('current_password')" class="mt-2" />
             </div>
 
             <div class="col-span-6 sm:col-span-4">
                 <jet-label for="password" value="New Password" />
-                <jet-input id="password" type="password" class="mt-1 block w-full" v-model="form.password" />
+                <jet-input id="password" type="password" class="mt-1 block w-full" v-model="form.password" autocomplete="new-password" />
                 <jet-input-error :message="form.error('password')" class="mt-2" />
             </div>
 
             <div class="col-span-6 sm:col-span-4">
                 <jet-label for="password_confirmation" value="Confirm Password" />
-                <jet-input id="password_confirmation" type="password" class="mt-1 block w-full" v-model="form.password_confirmation" />
+                <jet-input id="password_confirmation" type="password" class="mt-1 block w-full" v-model="form.password_confirmation" autocomplete="new-password" />
                 <jet-input-error :message="form.error('password_confirmation')" class="mt-2" />
             </div>
         </template>

stubs/inertia/resources/js/Pages/Profile/UpdateProfileInformationForm.vue

@@ -40,7 +40,7 @@
             <!-- Name -->
             <div class="col-span-6 sm:col-span-4">
                 <jet-label for="name" value="Name" />
-                <jet-input id="name" type="text" class="mt-1 block w-full" v-model="form.name" />
+                <jet-input id="name" type="text" class="mt-1 block w-full" v-model="form.name" autocomplete="name" />
                 <jet-input-error :message="form.error('name')" class="mt-2" />
             </div>
 

stubs/livewire/resources/views/profile/update-password-form.blade.php

@@ -10,19 +10,19 @@
     <x-slot name="form">
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="current_password" value="Current Password" />
-            <x-jet-input id="current_password" type="password" class="mt-1 block w-full" wire:model="state.current_password" />
+            <x-jet-input id="current_password" type="password" class="mt-1 block w-full" wire:model="state.current_password" autocomplete="current-password" />
             <x-jet-input-error for="current_password" class="mt-2" />
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="password" value="New Password" />
-            <x-jet-input id="password" type="password" class="mt-1 block w-full" wire:model="state.password" />
+            <x-jet-input id="password" type="password" class="mt-1 block w-full" wire:model="state.password" autocomplete="new-password" />
             <x-jet-input-error for="password" class="mt-2" />
         </div>
 
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="password_confirmation" value="Confirm Password" />
-            <x-jet-input id="password_confirmation" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" />
+            <x-jet-input id="password_confirmation" type="password" class="mt-1 block w-full" wire:model="state.password_confirmation" autocomplete="new-password" />
             <x-jet-input-error for="password_confirmation" class="mt-2" />
         </div>
     </x-slot>

stubs/livewire/resources/views/profile/update-profile-information-form.blade.php

@@ -49,7 +49,7 @@
         <!-- Name -->
         <div class="col-span-6 sm:col-span-4">
             <x-jet-label for="name" value="Name" />
-            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="state.name" />
+            <x-jet-input id="name" type="text" class="mt-1 block w-full" wire:model="state.name" autocomplete="name" />
             <x-jet-input-error for="name" class="mt-2" />
         </div>
 

stubs/resources/views/auth/login.blade.php

@@ -22,7 +22,7 @@
 
             <div class="mt-4">
                 <x-jet-label value="Password" />
-                <x-jet-input class="block mt-1 w-full" type="password" name="password" required />
+                <x-jet-input class="block mt-1 w-full" type="password" name="password" required autocomplete="current-password" />
             </div>
 
             <div class="block mt-4">

stubs/resources/views/auth/register.blade.php

@@ -11,7 +11,7 @@
 
             <div>
                 <x-jet-label value="Name" />
-                <x-jet-input class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus />
+                <x-jet-input class="block mt-1 w-full" type="text" name="name" :value="old('name')" required autofocus autocomplete="name" />
             </div>
 
             <div class="mt-4">
@@ -21,12 +21,12 @@
 
             <div class="mt-4">
                 <x-jet-label value="Password" />
-                <x-jet-input class="block mt-1 w-full" type="password" name="password" required />
+                <x-jet-input class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
             </div>
 
             <div class="mt-4">
                 <x-jet-label value="Confirm Password" />
-                <x-jet-input class="block mt-1 w-full" type="password" name="password_confirmation" required />
+                <x-jet-input class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
             </div>
 
             <div class="flex items-center justify-end mt-4">

stubs/resources/views/auth/reset-password.blade.php

@@ -18,12 +18,12 @@
 
             <div class="mt-4">
                 <x-jet-label value="Password" />
-                <x-jet-input class="block mt-1 w-full" type="password" name="password" required />
+                <x-jet-input class="block mt-1 w-full" type="password" name="password" required autocomplete="new-password" />
             </div>
 
             <div class="mt-4">
                 <x-jet-label value="Confirm Password" />
-                <x-jet-input class="block mt-1 w-full" type="password" name="password_confirmation" required />
+                <x-jet-input class="block mt-1 w-full" type="password" name="password_confirmation" required autocomplete="new-password" />
             </div>
 
             <div class="flex items-center justify-end mt-4">

stubs/resources/views/auth/two-factor-challenge.blade.php

@@ -20,12 +20,12 @@
 
                 <div class="mt-4" x-show="! recovery">
                     <x-jet-label value="Code" />
-                    <x-jet-input class="block mt-1 w-full" type="text" name="code" autofocus x-ref="code" />
+                    <x-jet-input class="block mt-1 w-full" type="text" name="code" autofocus x-ref="code" autocomplete="one-time-code" />
                 </div>
 
                 <div class="mt-4" x-show="recovery">
                     <x-jet-label value="Recovery Code" />
-                    <x-jet-input class="block mt-1 w-full" type="text" name="recovery_code" x-ref="recovery_code" />
+                    <x-jet-input class="block mt-1 w-full" type="text" name="recovery_code" x-ref="recovery_code" autocomplete="one-time-code" />
                 </div>
 
                 <div class="flex items-center justify-end mt-4">