full running

packages/nuxt/assets/global.ts

@@ -2,15 +2,24 @@ import type { ITheme } from '~/server/theme'
 
 export const THEME: ITheme = JSON.parse(process.env.THEME!)
 
-export const api = async (
+export async function api<T = any>(
   url: string,
   opts: RequestInit & {
     params?: Record<string, any>
   } = {}
-) => {
+): Promise<
+  | T
+  | {
+      error: {
+        statusCode: number
+        message: unknown
+      }
+    }
+> {
   if (!url.startsWith('/api')) {
     return {
       error: {
+        statusCode: 500,
         message: 'malformed API route',
       },
     }
@@ -24,6 +33,9 @@ export const api = async (
   baseURL.pathname = url
   Object.entries(opts.params || {}).map(([k, v]) => {
     if (v) {
+      /**
+       * Arrays will be comma separated, and empty strings will be discarded.
+       */
       baseURL.searchParams.set(k, v)
     }
   })
@@ -34,8 +46,25 @@ export const api = async (
     /**
      * Does not rely on `r.ok`, but rather, errorhandler
      */
-    return r.json()
-  } catch (_) {}
+    const data = await r.json()
+
+    /**
+     * Transform to Nuxt-compatible style
+     */
+    if (data.error) {
+      return {
+        error: {
+          statusCode: r.status,
+          message: data,
+        },
+      }
+    }
+
+    return data
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e)
+  }
 
   return {
     error: {