From db02af8677213a42f8ec23e07adb631742af8bf7 Mon Sep 17 00:00:00 2001
From: Chuck1sn <chuck1inzl@gmail.com>
Date: Mon, 9 Jun 2025 15:58:09 +0800
Subject: [PATCH] fix user and role undefined

---
 frontend/src/views/RoleView.vue | 8 ++++++--
 frontend/src/views/UserView.vue | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/RoleView.vue b/frontend/src/views/RoleView.vue
index 047e521..a2b03cc 100644
--- a/frontend/src/views/RoleView.vue
+++ b/frontend/src/views/RoleView.vue
@@ -155,8 +155,12 @@ onMounted(async () => {
 		document.querySelector("#role-upsert-modal");
 	const $deleteModalElement: HTMLElement | null =
 		document.querySelector("#role-delete-modal");
-	roleUpsertModal.value = new Modal($upsertModalElement, {});
-	roleDeleteModal.value = new Modal($deleteModalElement, {});
+	if ($upsertModalElement) {
+		roleUpsertModal.value = new Modal($upsertModalElement, {});
+	}
+	if ($deleteModalElement) {
+		roleDeleteModal.value = new Modal($deleteModalElement, {});
+	}
 });
 
 const handleUpsertModalSubmit = async (data: RoleUpsertModel) => {
diff --git a/frontend/src/views/UserView.vue b/frontend/src/views/UserView.vue
index 0be3090..bb119be 100644
--- a/frontend/src/views/UserView.vue
+++ b/frontend/src/views/UserView.vue
@@ -192,8 +192,12 @@ onMounted(async () => {
 		document.querySelector("#user-upsert-modal");
 	const $deleteModalElement: HTMLElement | null =
 		document.querySelector("#user-delete-modal");
-	userUpsertModal.value = new Modal($upsertModalElement, {});
-	userDeleteModal.value = new Modal($deleteModalElement, {});
+	if ($upsertModalElement) {
+		userUpsertModal.value = new Modal($upsertModalElement, {});
+	}
+	if ($deleteModalElement) {
+		userDeleteModal.value = new Modal($deleteModalElement, {});
+	}
 });
 
 const handleUpsertUserSubmit = async (data: UserUpsertSubmitModel) => {