feat(trpc): support client helpers for Nuxt (#1762)

Author: ymc9

packages/plugins/trpc/res/client/v10/next.ts

@@ -4,7 +4,6 @@ import type { AnyRouter } from '@trpc/server';
 import type { NextPageContext } from 'next';
 import { type CreateTRPCNext, createTRPCNext as _createTRPCNext } from '@trpc/next';
 import type { DeepOverrideAtPath } from './utils';
-import type { ClientType } from '../routers';
 
 export function createTRPCNext<
     TRouter extends AnyRouter,

packages/plugins/trpc/res/client/v10/nuxt.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+
+import type { AnyRouter } from '@trpc/server';
+import { createTRPCNuxtClient as _createTRPCNuxtClient } from 'trpc-nuxt/client';
+import type { DeepOverrideAtPath } from './utils';
+
+export function createTRPCNuxtClient<TRouter extends AnyRouter, TPath extends string | undefined = undefined>(
+    opts: Parameters<typeof _createTRPCNuxtClient<TRouter>>[0]
+) {
+    const r = _createTRPCNuxtClient<TRouter>(opts);
+    return r as DeepOverrideAtPath<typeof r, ClientType<TRouter>, TPath>;
+}

packages/plugins/trpc/res/client/v10/react.ts

@@ -4,7 +4,6 @@ import type { AnyRouter } from '@trpc/server';
 import type { CreateTRPCReactOptions } from '@trpc/react-query/shared';
 import { type CreateTRPCReact, createTRPCReact as _createTRPCReact } from '@trpc/react-query';
 import type { DeepOverrideAtPath } from './utils';
-import type { ClientType } from '../routers';
 
 export function createTRPCReact<
     TRouter extends AnyRouter,

packages/plugins/trpc/res/client/v10/utils.ts

@@ -30,3 +30,17 @@ export type DeepOverrideAtPath<T, R, Path extends string | undefined = undefined
     : Path extends keyof T
     ? Omit<T, Path> & Record<Path, DeepOverride<T[Path], R>>
     : never;
+
+// Utility type from 'trpc-nuxt'
+export type KeysOf<T> = Array<T extends T ? (keyof T extends string ? keyof T : never) : never>;
+
+// Utility type from 'trpc-nuxt'
+export type PickFrom<T, K extends Array<string>> = T extends Array<any>
+    ? T
+    : T extends Record<string, any>
+    ? keyof T extends K[number]
+        ? T
+        : K[number] extends never
+        ? T
+        : Pick<T, K[number]>
+    : T;

packages/plugins/trpc/res/client/v11/next.ts

@@ -4,7 +4,6 @@ import type { AnyTRPCRouter as AnyRouter } from '@trpc/server';
 import type { NextPageContext } from 'next';
 import { type CreateTRPCNext, createTRPCNext as _createTRPCNext } from '@trpc/next';
 import type { DeepOverrideAtPath } from './utils';
-import type { ClientType } from '../routers';
 
 export function createTRPCNext<
     TRouter extends AnyRouter,

packages/plugins/trpc/res/client/v11/nuxt.ts

@@ -0,0 +1,12 @@
+/* eslint-disable */
+
+import type { AnyTRPCRouter as AnyRouter } from '@trpc/server';
+import { createTRPCNuxtClient as _createTRPCNuxtClient } from 'trpc-nuxt/client';
+import type { DeepOverrideAtPath } from './utils';
+
+export function createTRPCNuxtClient<TRouter extends AnyRouter, TPath extends string | undefined = undefined>(
+    opts: Parameters<typeof _createTRPCNuxtClient<TRouter>>[0]
+) {
+    const r = _createTRPCNuxtClient<TRouter>(opts);
+    return r as DeepOverrideAtPath<typeof r, ClientType<TRouter>, TPath>;
+}

packages/plugins/trpc/res/client/v11/react.ts

@@ -4,7 +4,6 @@ import type { AnyTRPCRouter as AnyRouter } from '@trpc/server';
 import type { CreateTRPCReactOptions } from '@trpc/react-query/shared';
 import { type CreateTRPCReact, createTRPCReact as _createTRPCReact } from '@trpc/react-query';
 import type { DeepOverrideAtPath } from './utils';
-import type { ClientType } from '../routers';
 
 export function createTRPCReact<
     TRouter extends AnyRouter,

packages/plugins/trpc/res/client/v11/utils.ts

@@ -0,0 +1 @@
+../v10/utils.ts