From 3db725e52c954943222ae71cea867f9cccf91b3c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= Date: Mon, 9 Mar 2026 13:51:23 +0800 Subject: [PATCH] Fix static destructuring from reactive source in MyAccount and ModalAccountInfo Co-Authored-By: Claude Opus 4.6 --- src/views/AccountManagement/ModalAccountInfo.vue | 5 ++++- src/views/AccountManagement/MyAccount.vue | 10 ++++++---- 2 files changed, 10 insertions(+), 5 deletions(-) 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);