fix XMLHttpRequest async implementation

- Change XMLHttpRequest from synchronous to asynchronous mode
- Add Promise-based response handling with proper event handlers
- Implement proper error handling for network issues and timeouts
- Fix response parsing with consistent error structure
- Ensure compatibility with existing async/await usage patterns

Resolves issue with "XMLHttpRequest's timeout attribute not supported in
synchronous mode"

Author: NiloCK

packages/vue/src/server/index.ts

@@ -5,24 +5,61 @@ import { ServerRequest } from '@vue-skuilder/common';
 const SERVER = ENV.EXPRESS_SERVER_PROTOCOL + '://' + ENV.EXPRESS_SERVER_URL;
 
 export default async function serverRequest<T extends ServerRequest>(requestData: T): Promise<T> {
-  try {
-    const xml = new XMLHttpRequest();
-    xml.withCredentials = true;
-    xml.open('POST', SERVER, false);
-    xml.setRequestHeader('Content-Type', 'application/json');
-    xml.timeout = requestData.timeout || 7000;
-    xml.ontimeout = () => {
-      throw new Error('Request timed out');
-    };
-    xml.send(JSON.stringify(requestData));
+  return new Promise<T>((resolve) => {
+    try {
+      const xml = new XMLHttpRequest();
+      xml.withCredentials = true;
+      xml.open('POST', SERVER, true);
+      xml.setRequestHeader('Content-Type', 'application/json');
+      xml.timeout = requestData.timeout || 7000;
 
-    requestData.response = JSON.parse(xml.response);
-  } catch (error) {
-    requestData.response = {
-      status: Status.error,
-      ok: false,
-      errorText: error instanceof Error ? error.message : JSON.stringify(error),
-    };
-  }
-  return requestData;
+      // Handle the response when it completes
+      xml.onload = function () {
+        try {
+          requestData.response = JSON.parse(xml.responseText);
+          resolve(requestData);
+        } catch (parseError) {
+          requestData.response = {
+            status: Status.error,
+            ok: false,
+            errorText: `Failed to parse response: ${
+              parseError instanceof Error ? parseError.message : JSON.stringify(parseError)
+            }`,
+          };
+          resolve(requestData);
+        }
+      };
+
+      // Handle network errors
+      xml.onerror = function () {
+        requestData.response = {
+          status: Status.error,
+          ok: false,
+          errorText: 'Network error occurred',
+        };
+        resolve(requestData);
+      };
+
+      // Handle timeouts
+      xml.ontimeout = function () {
+        requestData.response = {
+          status: Status.error,
+          ok: false,
+          errorText: 'Request timed out',
+        };
+        resolve(requestData);
+      };
+
+      // Send the request
+      xml.send(JSON.stringify(requestData));
+    } catch (error) {
+      // Handle any errors that occur during setup
+      requestData.response = {
+        status: Status.error,
+        ok: false,
+        errorText: error instanceof Error ? error.message : JSON.stringify(error),
+      };
+      resolve(requestData);
+    }
+  });
 }