From 4facdbf9b7034a96ac223857873e37399ac97874 Mon Sep 17 00:00:00 2001
From: puxiao <yangpuxiao@gmail.com>
Date: Thu, 30 Oct 2025 10:43:45 +0800
Subject: [PATCH] fix: add the autocomplete attribute to the username/password
 input. (#54)

---
 src/views/build-in/login/components/Login/index.vue    | 4 ++--
 src/views/build-in/login/components/Register/index.vue | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/views/build-in/login/components/Login/index.vue b/src/views/build-in/login/components/Login/index.vue
index d266475..80330e9 100644
--- a/src/views/build-in/login/components/Login/index.vue
+++ b/src/views/build-in/login/components/Login/index.vue
@@ -70,10 +70,10 @@ function checkUserAccount() {
     </n-h2>
     <n-form ref="formRef" :rules="rules" :model="formValue" :show-label="false" size="large">
       <n-form-item path="account">
-        <n-input v-model:value="formValue.account" clearable :placeholder="$t('login.accountPlaceholder')" />
+        <n-input v-model:value="formValue.account" clearable :placeholder="$t('login.accountPlaceholder')" :input-props="{autocomplete:'username'}" />
       </n-form-item>
       <n-form-item path="pwd">
-        <n-input v-model:value="formValue.pwd" type="password" :placeholder="$t('login.passwordPlaceholder')" clearable show-password-on="click">
+        <n-input v-model:value="formValue.pwd" type="password" :placeholder="$t('login.passwordPlaceholder')" clearable show-password-on="click" :input-props="{autocomplete:'current-password'}" >
           <template #password-invisible-icon>
             <icon-park-outline-preview-close-one />
           </template>
diff --git a/src/views/build-in/login/components/Register/index.vue b/src/views/build-in/login/components/Register/index.vue
index 69f6e30..96b98c8 100644
--- a/src/views/build-in/login/components/Register/index.vue
+++ b/src/views/build-in/login/components/Register/index.vue
@@ -49,6 +49,7 @@ function handleRegister() {}
           v-model:value="formValue.account"
           clearable
           :placeholder="$t('login.accountPlaceholder')"
+          :input-props="{autocomplete:'username'}"
         />
       </n-form-item>
       <n-form-item path="pwd">
@@ -58,6 +59,7 @@ function handleRegister() {}
           :placeholder="$t('login.passwordPlaceholder')"
           clearable
           show-password-on="click"
+          :input-props="{autocomplete:'new-password'}"
         >
           <template #password-invisible-icon>
             <icon-park-outline-preview-close-one />
@@ -74,6 +76,7 @@ function handleRegister() {}
           :placeholder="$t('login.checkPasswordPlaceholder')"
           clearable
           show-password-on="click"
+          :input-props="{autocomplete:'new-password'}"
         >
           <template #password-invisible-icon>
             <icon-park-outline-preview-close-one />