Migrate all Vue components from Options API to <script setup>

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/views/AccountManagement/ModalDeleteAlert.vue

@@ -27,39 +27,28 @@
     </div>
 </template>
 
-<script>
-import { defineComponent, } from 'vue';
+<script setup>
 import { useModalStore } from '@/stores/modal';
 import { useRouter } from 'vue-router';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import i18next from '@/i18n/i18n.js';
 import { useToast } from 'vue-toast-notification';
 
-export default defineComponent({
-    setup() {
-        const acctMgmtStore = useAcctMgmtStore();
-        const modalStore = useModalStore();
-        const toast = useToast();
-        const router = useRouter();
+const acctMgmtStore = useAcctMgmtStore();
+const modalStore = useModalStore();
+const toast = useToast();
+const router = useRouter();
 
-        const onDeleteConfirmBtnClick = async() => {
-            if(await acctMgmtStore.deleteAccount(acctMgmtStore.currentViewingUser.username)){
-                toast.success(i18next.t("AcctMgmt.MsgAccountDeleteSuccess"));
-                modalStore.closeModal();
-                acctMgmtStore.setShouldUpdateList(true);
-                await router.push("/account-admin");
-            }            
-        }
+const onDeleteConfirmBtnClick = async() => {
+    if(await acctMgmtStore.deleteAccount(acctMgmtStore.currentViewingUser.username)){
+        toast.success(i18next.t("AcctMgmt.MsgAccountDeleteSuccess"));
+        modalStore.closeModal();
+        acctMgmtStore.setShouldUpdateList(true);
+        await router.push("/account-admin");
+    }
+};
 
-        const onNoBtnClick = () => {
-            modalStore.closeModal();
-        }
-
-        return {
-            i18next,
-            onDeleteConfirmBtnClick,
-            onNoBtnClick,
-        };
-    },
-});
-</script>
+const onNoBtnClick = () => {
+    modalStore.closeModal();
+};
+</script>