diff --git a/src/views/AccountManagement/ModalAccountInfo.vue b/src/views/AccountManagement/ModalAccountInfo.vue
index 7151a48..e3d4bc6 100644
--- a/src/views/AccountManagement/ModalAccountInfo.vue
+++ b/src/views/AccountManagement/ModalAccountInfo.vue
@@ -56,7 +56,10 @@ import Badge from "../../components/StatusBadge.vue";
 const acctMgmtStore = useAcctMgmtStore();
 const visitTime = ref(0);
 const currentViewingUser = computed(() => acctMgmtStore.currentViewingUser);
-const { username, name, is_admin, is_active } = currentViewingUser.value;
+const username = computed(() => currentViewingUser.value.username);
+const name = computed(() => currentViewingUser.value.name);
+const is_admin = computed(() => currentViewingUser.value.is_admin);
+const is_active = computed(() => currentViewingUser.value.is_active);
 
 onBeforeMount(async () => {
   await acctMgmtStore.getUserDetail(currentViewingUser.value.username);
diff --git a/src/views/AccountManagement/MyAccount.vue b/src/views/AccountManagement/MyAccount.vue
index 9019746..cc6dfa1 100644
--- a/src/views/AccountManagement/MyAccount.vue
+++ b/src/views/AccountManagement/MyAccount.vue
@@ -214,7 +214,9 @@ const toast = useToast();
 const visitTime = ref(0);
 const currentViewingUser = computed(() => acctMgmtStore.currentViewingUser);
 const name = computed(() => currentViewingUser.value.name);
-const { username, is_admin, is_active } = currentViewingUser.value;
+const username = computed(() => currentViewingUser.value.username);
+const is_admin = computed(() => currentViewingUser.value.is_admin);
+const is_active = computed(() => currentViewingUser.value.is_active);
 
 const inputName = ref(name.value);
 const inputPwd = ref("");
@@ -241,9 +243,9 @@ const validatePwdLength = () => {
 /** Saves the edited name to the server and refreshes user data. */
 const onSaveNameClick = async () => {
   if (inputName.value.length > 0) {
-    await acctMgmtStore.editAccountName(username, inputName.value);
+    await acctMgmtStore.editAccountName(username.value, inputName.value);
     await toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
-    await acctMgmtStore.getUserDetail(username);
+    await acctMgmtStore.getUserDetail(username.value);
     isNameEditable.value = false;
     inputName.value = name.value;
   }
@@ -254,7 +256,7 @@ const onSavePwdClick = async () => {
   validatePwdLength();
   if (isPwdLengthValid.value) {
     isPwdEditable.value = false;
-    await acctMgmtStore.editAccountPwd(username, inputPwd.value);
+    await acctMgmtStore.editAccountPwd(username.value, inputPwd.value);
     await toast.success(i18next.t("AcctMgmt.MsgAccountEdited"));
     inputPwd.value = "";
     await acctMgmtStore.getUserDetail(loginStore.userData.username);