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

wobsoriano · Sep 16, 2022 · ee3ee48 · ee3ee48
1 parent cdf29be
commit ee3ee48
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -5,7 +5,7 @@ import Module from '../src/module'
 export default defineNuxtConfig({
   modules: [Module],
   runtimeConfig: {
-    baseURL: 'http://localhost:3000',
+    baseURL: '',
   },
   typescript: {
     strict: true,

diff --git a/src/module.ts b/src/module.ts
@@ -16,7 +16,7 @@ export default defineNuxtModule<ModuleOptions>({
     configKey: 'trpc',
   },
   defaults: {
-    baseURL: 'http://localhost:3000',
+    baseURL: '',
     endpoint: '/trpc',
   },
   async setup(options, nuxt) {

diff --git a/src/runtime/plugin.ts b/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)