From 5a936cad97c98c894b352baaf884f50cf65ef74c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Tue, 10 Mar 2026 00:55:19 +0800
Subject: [PATCH] Use nullish coalescing operator (S6606) and fix duplicate id
 (S7930)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/AppHeader.vue | 42 ++++++++++++++++++------------------
 src/stores/acctMgmt.ts       |  2 +-
 2 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index fbd947c..c72e7d6 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -8,28 +8,28 @@
         class="flex justify-between items-center relative"
         v-show="showMember"
       >
-        <img
-          id="acct_mgmt_button"
-          v-if="!isHeadHovered"
-          src="@/assets/icon-head-black.svg"
-          @mouseenter="isHeadHovered = true"
-          width="32"
-          height="32"
-          @click="toggleIsAcctMenuOpen"
-          class="cursor-pointer z-50"
+        <span id="acct_mgmt_button">
+          <img
+            v-if="!isHeadHovered"
+            src="@/assets/icon-head-black.svg"
+            @mouseenter="isHeadHovered = true"
+            width="32"
+            height="32"
+            @click="toggleIsAcctMenuOpen"
+            class="cursor-pointer z-50"
+            alt="user-head"
+          />
+          <img
+            v-else
+            src="@/assets/icon-head-blue.svg"
+            @mouseleave="isHeadHovered = false"
+            width="32"
+            height="32"
+            @click="toggleIsAcctMenuOpen"
+            class="cursor-pointer z-50"
           alt="user-head"
-        />
-        <img
-          id="acct_mgmt_button"
-          v-else
-          src="@/assets/icon-head-blue.svg"
-          @mouseleave="isHeadHovered = false"
-          width="32"
-          height="32"
-          @click="toggleIsAcctMenuOpen"
-          class="cursor-pointer z-50"
-          alt="user-head"
-        />
+          />
+        </span>
       </div>
     </div>
   </div>
diff --git a/src/stores/acctMgmt.ts b/src/stores/acctMgmt.ts
index 0a97388..b3bef02 100644
--- a/src/stores/acctMgmt.ts
+++ b/src/stores/acctMgmt.ts
@@ -184,7 +184,7 @@ export const useAcctMgmtStore = defineStore('acctMgmtStore', {
 
       try {
         const response = await apiClient.put(apiEdit, {
-          username: editDetail.newUsername != null ? editDetail.newUsername : editDetail.username,
+          username: editDetail.newUsername ?? editDetail.username,
           password: editDetail.password,
           name: editDetail.name,
           is_active: editDetail.is_active,