fix(frontend): adapt to updated profile APIs

src/views/profile/ProfileSettingsView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue'
 import { RouterLink } from 'vue-router'
-import { NAlert, NButton, NCard, NInput, useMessage } from 'naive-ui'
+import { NAlert, NButton, NCard, NForm, NInput, useMessage } from 'naive-ui'
 import { useAuthStore } from '@/stores/auth'
 
 const authStore = useAuthStore()
@@ -148,19 +148,27 @@ async function savePassword() {
                 修改后下次登录需要使用新密码。建议使用至少 8 位且不易猜测的密码。
               </p>
             </div>
-            <div class="grid gap-3">
+            <NForm class="grid gap-3" @submit.prevent="savePassword">
               <NInput
                 v-model:value="newPassword"
                 type="password"
                 show-password-on="click"
-                autocomplete="new-password"
+                :input-props="{
+                  autocomplete: 'new-password',
+                  name: 'new-password',
+                  required: true,
+                }"
                 placeholder="新密码"
               />
               <NInput
                 v-model:value="confirmNewPassword"
                 type="password"
                 show-password-on="click"
-                autocomplete="new-password"
+                :input-props="{
+                  autocomplete: 'new-password',
+                  name: 'confirm-new-password',
+                  required: true,
+                }"
                 placeholder="确认新密码"
               />
               <div class="flex justify-end">
@@ -168,14 +176,14 @@ async function savePassword() {
                   secondary
                   strong
                   type="default"
+                  attr-type="submit"
                   class="oc-panel-button oc-panel-button--teal"
                   :loading="passwordSaving"
-                  @click="savePassword"
                 >
                   保存密码
                 </NButton>
               </div>
-            </div>
+            </NForm>
           </div>
         </NCard>
       </div>