M3 Integration fixes

resources/js/Pages/Auth/Login.vue

@@ -70,8 +70,8 @@ const submit = () => {
             </div>
 
             <div class="block mt-4">
-                <label class="flex items-center">
-                    <Checkbox v-model:checked="form.remember" name="remember" />
+                <label for="remember" class="flex items-center">
+                    <Checkbox id="remember" v-model:checked="form.remember" name="remember" />
                     <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                 </label>
             </div>

resources/js/Pages/Auth/TwoFactorChallenge.vue

@@ -66,7 +66,7 @@ const submit = () => {
                     inputmode="numeric"
                     class="mt-1 block w-full"
                     autofocus
-                    autocomplete="one-time-code"
+                    autocomplete="off"
                 />
                 <InputError class="mt-2" :message="form.errors.code" />
             </div>
@@ -79,7 +79,7 @@ const submit = () => {
                     v-model="form.recovery_code"
                     type="text"
                     class="mt-1 block w-full"
-                    autocomplete="one-time-code"
+                    autocomplete="off"
                 />
                 <InputError class="mt-2" :message="form.errors.recovery_code" />
             </div>

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

@@ -68,7 +68,7 @@
                             <div x-show="showRecoveryInput">
                                 <div class="my-5">
                                     <flux:input type="text" name="recovery_code" x-ref="recovery_code"
-                                        x-bind:required="showRecoveryInput" autocomplete="one-time-code"
+                                        x-bind:required="showRecoveryInput" autocomplete="off"
                                         x-model="recovery_code" />
                                 </div>