feat: use globalThis.$fetch to call API handler directly on server-side

src/runtime/plugin.ts

@@ -10,14 +10,21 @@ export default defineNuxtPlugin((nuxtApp) => {
   const config = useRuntimeConfig().public.trpc
   const headers = useRequestHeaders()
   const otherHeaders = useClientHeaders()
+
+  const baseURL = process.server ? '' : config.baseURL
   const client = trpc.createTRPCClient<AppRouter>({
-    url: `${config.baseURL}${config.endpoint}`,
+    url: `${baseURL}${config.endpoint}`,
     headers: () => {
       return {
         ...unref(otherHeaders),
         ...headers,
       }
     },
+    fetch: (input, options) => 
+      globalThis.$fetch.raw(input.toString(), options).then(response => ({
+        ...response,
+        json: () => Promise.resolve(response._data),
+      }))
   })
 
   nuxtApp.provide('client', client)