move links to another file

src/client/index.ts

@@ -1,12 +1,10 @@
-import { type CreateTRPCClientOptions, type inferRouterProxyClient, createTRPCProxyClient, httpLink as _httpLink, httpBatchLink as _httpBatchLink, HttpBatchLinkOptions } from '@trpc/client'
+import { type CreateTRPCClientOptions, type inferRouterProxyClient, createTRPCProxyClient } from '@trpc/client'
 import { type AnyRouter } from '@trpc/server'
 import { createFlatProxy, createRecursiveProxy } from '@trpc/server/shared'
 import { hash } from 'ohash'
-import { FetchError } from 'ofetch'
 import { type DecoratedProcedureRecord } from './types'
 // @ts-expect-error: Nuxt auto-imports
-import { getCurrentInstance, onScopeDispose, useAsyncData, useRequestHeaders } from '#imports'
-import { HTTPLinkOptions } from '@trpc/client/dist/links/internals/httpUtils'
+import { getCurrentInstance, onScopeDispose, useAsyncData } from '#imports'
 
 /**
  * Calculates the key used for `useAsyncData` call
@@ -67,61 +65,7 @@ export function createTRPCNuxtClient<TRouter extends AnyRouter> (opts: CreateTRP
   return decoratedClient
 }
 
-function customFetch(input: RequestInfo | URL, init?: RequestInit | undefined) {
-  return globalThis.$fetch.raw(input.toString(), init)
-    .catch((e) => {
-      if (e instanceof FetchError && e.response) { return e.response }
-      throw e
-    })
-    .then(response => ({
-      ...response,
-      json: () => Promise.resolve(response._data)
-    }))
-}
-
-/**
- * This is a convenience wrapper around the original httpLink
- * that replaces regular `fetch` with a `$fetch` from Nuxt.
- *
- * During server-side rendering, calling $fetch to fetch your internal API routes
- * will directly call the relevant function (emulating the request),
- * saving an additional API call.
- *
- * @see https://nuxt.com/docs/api/utils/dollarfetch
- */
-export function httpLink<TRouter extends AnyRouter>(opts?: HTTPLinkOptions) {
-  const headers = useRequestHeaders()
-
-  return _httpLink<TRouter>({
-    url: '/api/trpc',
-    headers () {
-      return headers
-    },
-    fetch: customFetch,
-    ...opts,
-  })
-}
-
-
-/**
- * This is a convenience wrapper around the original httpBatchLink
- * that replaces regular `fetch` with a `$fetch` from Nuxt.
- *
- * During server-side rendering, calling $fetch to fetch your internal API routes
- * will directly call the relevant function (emulating the request),
- * saving an additional API call.
- *
- * @see https://nuxt.com/docs/api/utils/dollarfetch
- */
-export function httpBatchLink<TRouter extends AnyRouter>(opts?: HttpBatchLinkOptions) {
-  const headers = useRequestHeaders()
-
-  return _httpBatchLink<TRouter>({
-    url: '/api/trpc',
-    headers () {
-      return headers
-    },
-    fetch: customFetch,
-    ...opts,
-  })
-}
+export {
+  httpBatchLink,
+  httpLink
+} from './links'

src/client/links.ts

@@ -0,0 +1,65 @@
+import { httpLink as _httpLink, httpBatchLink as _httpBatchLink, HttpBatchLinkOptions } from '@trpc/client'
+import { type AnyRouter } from '@trpc/server'
+import { FetchError } from 'ofetch'
+// @ts-expect-error: Nuxt auto-imports
+import { useRequestHeaders } from '#imports'
+import { type HTTPLinkOptions } from '@trpc/client/dist/links/internals/httpUtils'
+
+function customFetch(input: RequestInfo | URL, init?: RequestInit | undefined) {
+  return globalThis.$fetch.raw(input.toString(), init)
+    .catch((e) => {
+      if (e instanceof FetchError && e.response) { return e.response }
+      throw e
+    })
+    .then(response => ({
+      ...response,
+      json: () => Promise.resolve(response._data)
+    }))
+}
+
+/**
+ * This is a convenience wrapper around the original httpLink
+ * that replaces regular `fetch` with a `$fetch` from Nuxt.
+ *
+ * During server-side rendering, calling $fetch to fetch your internal API routes
+ * will directly call the relevant function (emulating the request),
+ * saving an additional API call.
+ *
+ * @see https://nuxt.com/docs/api/utils/dollarfetch
+ */
+export function httpLink<TRouter extends AnyRouter>(opts?: HTTPLinkOptions) {
+  const headers = useRequestHeaders()
+
+  return _httpLink<TRouter>({
+    url: '/api/trpc',
+    headers () {
+      return headers
+    },
+    fetch: customFetch,
+    ...opts,
+  })
+}
+
+
+/**
+ * This is a convenience wrapper around the original httpBatchLink
+ * that replaces regular `fetch` with a `$fetch` from Nuxt.
+ *
+ * During server-side rendering, calling $fetch to fetch your internal API routes
+ * will directly call the relevant function (emulating the request),
+ * saving an additional API call.
+ *
+ * @see https://nuxt.com/docs/api/utils/dollarfetch
+ */
+export function httpBatchLink<TRouter extends AnyRouter>(opts?: HttpBatchLinkOptions) {
+  const headers = useRequestHeaders()
+
+  return _httpBatchLink<TRouter>({
+    url: '/api/trpc',
+    headers () {
+      return headers
+    },
+    fetch: customFetch,
+    ...opts,
+  })
+}