style: fix login page autocomplete (#6746)

Author: asbiin

resources/js/Pages/Auth/Login.vue

@@ -76,7 +76,7 @@ const reload = () => {
     </div>
 
     <!-- beta mode-->
-    <div class="mb-4 rounded-lg border bg-amber-50 p-6">
+    <div class="mb-4 rounded-lg border bg-amber-50 p-6 dark:bg-amber-950">
       <p class="mb-2 text-center font-bold">
         <span class="me-2">🚧</span> {{ $t('Chandler is in beta.') }}
         <span class="ms-2">🚧</span>
@@ -133,7 +133,7 @@ const reload = () => {
                 :autofocus="true"
                 :input-class="'block w-full'"
                 :required="true"
-                :autocomplete="false"
+                autocomplete="username"
                 :maxlength="255" />
             </div>
 
@@ -142,10 +142,9 @@ const reload = () => {
                 v-model="form.password"
                 :label="$t('Password')"
                 :type="'password'"
-                :autofocus="true"
                 :input-class="'block w-full'"
                 :required="true"
-                :autocomplete="false"
+                autocomplete="current-password"
                 :maxlength="255" />
             </div>
 

resources/js/Shared/Form/TextInput.vue

@@ -26,8 +26,8 @@ const props = defineProps({
   disabled: Boolean,
   autofocus: Boolean,
   autocomplete: {
-    type: Boolean,
-    default: true,
+    type: [String, Boolean],
+    default: '',
   },
   maxlength: Number,
   min: Number,
@@ -98,7 +98,7 @@ defineExpose({ focus: focus });
         :maxlength="maxlength"
         :required="required"
         :autofocus="autofocus"
-        :autocomplete="autocomplete ? '' : 'off'"
+        :autocomplete="typeof autocomplete === 'string' ? autocomplete : autocomplete ? '' : 'off'"
         :disabled="disabled"
         :min="min"
         :max="max"