From ae8832daff355bdbe3e16605c84ab13f3f25bab4 Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 22:42:01 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20BaseModal=20import=20and=20si?=
 =?UTF-8?q?mplify=20useAsyncState=20calls=20in=20ApiKeyManager=20and=20Gam?=
 =?UTF-8?q?emasterManager=20views?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/ApiKeyManager.vue               |  1 +
 .../src/views/GamemasterManager.vue           | 41 ++++++++-----------
 2 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/code/websites/pokedex.online/src/views/ApiKeyManager.vue b/code/websites/pokedex.online/src/views/ApiKeyManager.vue
index 25b6488..3258ba2 100644
--- a/code/websites/pokedex.online/src/views/ApiKeyManager.vue
+++ b/code/websites/pokedex.online/src/views/ApiKeyManager.vue
@@ -160,6 +160,7 @@
 <script setup>
 import { ref } from 'vue';
 import ChallongeApiKeyGuide from '../components/ChallongeApiKeyGuide.vue';
+import { BaseModal } from '../components/shared/index.js';
 import { useChallongeApiKey } from '../composables/useChallongeApiKey.js';
 
 const { saveApiKey, clearApiKey, maskedKey, isKeyStored } =
diff --git a/code/websites/pokedex.online/src/views/GamemasterManager.vue b/code/websites/pokedex.online/src/views/GamemasterManager.vue
index bb4055f..aba3089 100644
--- a/code/websites/pokedex.online/src/views/GamemasterManager.vue
+++ b/code/websites/pokedex.online/src/views/GamemasterManager.vue
@@ -203,13 +203,10 @@ const {
   data: serverStatus,
   loading: statusLoading,
   error: statusError
-} = useAsyncState(
-  async () => {
-    const response = await apiClient.get('/api/gamemaster/status');
-    return response;
-  },
-  null
-);
+} = useAsyncState(async () => {
+  const response = await apiClient.get('/api/gamemaster/status');
+  return response;
+}, null);
 
 // Fetch gamemaster state
 const {
@@ -218,13 +215,10 @@ const {
   loading: gamemasterLoading,
   error: gamemasterError,
   reset: resetGamemaster
-} = useAsyncState(
-  async () => {
-    const data = await fetchLatestGamemaster();
-    return data;
-  },
-  null
-);
+} = useAsyncState(async () => {
+  const data = await fetchLatestGamemaster();
+  return data;
+}, null);
 
 // Save to server state
 const {
@@ -232,22 +226,21 @@ const {
   loading: saving,
   error: saveError,
   reset: resetSave
-} = useAsyncState(
-  async () => {
-    const result = await apiClient.post('/api/gamemaster/process', {});
-    // Reload server status after save
-    await loadServerStatus();
-    return result;
-  },
-  null
-);
+} = useAsyncState(async () => {
+  const result = await apiClient.post('/api/gamemaster/process', {});
+  // Reload server status after save
+  await loadServerStatus();
+  return result;
+}, null);
 
 // Process gamemaster data
 const processedData = ref(null);
 const saveSuccess = ref(false);
 
 // Combine error states for template
-const error = computed(() => gamemasterError.value || statusError.value || saveError.value);
+const error = computed(
+  () => gamemasterError.value || statusError.value || saveError.value
+);
 
 const stats = computed(() => {
   if (!processedData.value) return null;