fix missing exports warnings

playground/app.vue

@@ -1,12 +1,18 @@
 <script setup lang="ts">
 const client = useClient()
-const { data, error } = await useAsyncData('random', () => client.query('hello'), {
-  server: false,
+const { data, error } = await useAsyncData('getUser', () => client.query('getUser', {
+  username: 'asd',
+}), {
+  server: true,
+})
+
+watchEffect(() => {
+  console.log(process.server, error.value)
 })
 </script>
 
 <template>
   <div>
-    {{ data }}
+    {{ error }}
   </div>
 </template>

playground/server/trpc/index.ts

@@ -0,0 +1,21 @@
+// ~/server/trpc/index.ts
+import { z } from 'zod'
+import * as trpc from '@trpc/server'
+
+const fakeUsers = [
+  { id: 1, username: 'jcena', name: 'John Cena' },
+  { id: 2, username: 'dbatista', name: 'Dave Batista' },
+  { id: 3, username: 'jbiden', name: 'Joe Biden' },
+]
+
+export const router = trpc
+  .router()
+  .query('getUser', {
+    // validate input with Zod
+    input: z.object({
+      username: z.string().min(5),
+    }),
+    resolve(req) {
+      return fakeUsers.find(i => i.username === req.input.username)
+    },
+  })

recipes/authorization.md

@@ -68,6 +68,8 @@ export const router = trpc
 import * as trpc from '@trpc/server'
 import { TRPCError } from '@trpc/server'
 
+// Merging routers: https://trpc.io/docs/merging-routers
+
 export const router = trpc
   .router<Context>()
   // this is accessible for everyone
@@ -79,7 +81,7 @@ export const router = trpc
   })
   .merge(
     'admin.',
-    createRouter()
+    trpc.router<Context>()
       // this protects all procedures defined next in this router
       .middleware(async ({ ctx, next }) => {
         if (!ctx.user?.isAdmin)

src/module.ts

@@ -47,11 +47,7 @@ export default defineNuxtModule<ModuleOptions>({
       import { createTRPCHandler } from 'trpc-nuxt/api'
       import * as functions from '~/server/trpc'
 
-      export default createTRPCHandler({
-        router: functions.router,
-        createContext: functions.createContext ?? undefined,
-        responseMeta: functions.responseMeta ?? undefined,
-      })
+      export default createTRPCHandler(functions)
     `)
   },
 })

src/runtime/api.ts

@@ -11,19 +11,31 @@ import { createURL } from 'ufo'
 import type { CompatibilityEvent } from 'h3'
 import { defineEventHandler, isMethod, useBody } from 'h3'
 import type { TRPCResponse } from '@trpc/server/dist/declarations/src/rpc'
-import type { OnErrorFunction } from '@trpc/server/dist/declarations/src/internals/OnErrorFunction'
 
 type MaybePromise<T> = T | Promise<T>
 
-type CreateContextFn<TRouter extends AnyRouter> = (event: CompatibilityEvent) => MaybePromise<inferRouterContext<TRouter>>
+export type CreateContextFn<TRouter extends AnyRouter> = (event: CompatibilityEvent) => MaybePromise<inferRouterContext<TRouter>>
 
-type ResponseMetaFn<TRouter extends AnyRouter> = (opts: {
+export interface ResponseMetaFnPayload<TRouter extends AnyRouter> {
   data: TRPCResponse<unknown, inferRouterError<TRouter>>[]
   ctx?: inferRouterContext<TRouter>
   paths?: string[]
   type: ProcedureType | 'unknown'
   errors: TRPCError[]
-}) => ResponseMeta
+}
+
+export type ResponseMetaFn<TRouter extends AnyRouter> = (opts: ResponseMetaFnPayload<TRouter>) => ResponseMeta
+
+export interface OnErrorPayload<TRouter extends AnyRouter> {
+  error: TRPCError
+  type: ProcedureType | 'unknown'
+  path: string | undefined
+  req: CompatibilityEvent['req']
+  input: unknown
+  ctx: undefined | inferRouterContext<TRouter>
+}
+
+export type OnErrorFn<TRouter extends AnyRouter> = (opts: OnErrorPayload<TRouter>) => void
 
 export function createTRPCHandler<Router extends AnyRouter>({
   router,
@@ -34,13 +46,14 @@ export function createTRPCHandler<Router extends AnyRouter>({
   router: Router
   createContext?: CreateContextFn<Router>
   responseMeta?: ResponseMetaFn<Router>
-  onError?: OnErrorFunction<Router, CompatibilityEvent['req']>
+  onError?: OnErrorFn<Router>
 }) {
+  const url = '/trpc'
+
   return defineEventHandler(async (event) => {
     const {
       req,
       res,
-      context,
     } = event
 
     const $url = createURL(req.url)
@@ -53,7 +66,7 @@ export function createTRPCHandler<Router extends AnyRouter>({
         body: isMethod(event, 'GET') ? null : await useBody(event),
         query: $url.searchParams,
       },
-      path: context.params.path,
+      path: $url.pathname.substring(url.length + 1),
       createContext: async () => createContext?.(event),
       responseMeta,
       onError: (o) => {