refresh status on correct api key

Author: zAlweNy26

src/App.vue

@@ -8,7 +8,7 @@ const routesToExclude = ['home', 'settings']
 const route = useRoute()
 const { storeMapping } = useStoreMapping()
 const settings = useSettings()
-const { getStatus } = settings
+const { getStatus, refreshStatus } = settings
 const { isReadyAndAuth } = storeToRefs(settings)
 
 const authBox = ref<InstanceType<typeof ModalBox>>()
@@ -23,6 +23,7 @@ const authenticate = async () => {
 	if (!hasError.value) {
 		authBox.value?.toggleModal()
 		isReadyAndAuth.value = true
+		refreshStatus()
 		// TODO: Fix the composable
 		//resetAllStores()
 	}

src/stores/useSettings.ts

@@ -38,7 +38,7 @@ export const useSettings = defineStore('settings', () => {
 		return result.data ?? result.message
 	}
 
-	const { state: cat } = useAsyncState(getStatus, {} as Status)
+	const { state: cat, execute } = useAsyncState(getStatus, {} as Status)
 
 	watchEffect(() => {
 		isReadyAndAuth.value = cat.value != 'Invalid API Key'
@@ -50,6 +50,7 @@ export const useSettings = defineStore('settings', () => {
 		toggleDark,
 		cat,
 		getStatus,
+		refreshStatus: execute,
 		isReadyAndAuth,
 	}
 })