update playground

playground/server/api/trpc/[trpc].ts

@@ -1,12 +1,23 @@
 import { createNuxtApiHandler } from 'trpc-nuxt'
 import { appRouter } from '../../trpc/routers'
+import { createContext } from '~~/server/trpc/context'
 
 export default createNuxtApiHandler({
   router: appRouter,
-  createContext: async () => {
-    return {}
-  },
+  /**
+   * @link https://trpc.io/docs/context
+   */
+  createContext,
   onError({ error }) {
-    console.log('Error', error)
+    if (error.code === 'INTERNAL_SERVER_ERROR') {
+      // send to bug reporting
+      console.error('Something went wrong', error)
+    }
   },
+  /**
+   * @link https://trpc.io/docs/caching#api-response-caching
+   */
+  // responseMeta() {
+  //   // ...
+  // },
 })

playground/server/trpc/context.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import type { inferAsyncReturnType } from '@trpc/server'
+import type { H3Event } from 'h3'
+
+export type Context = inferAsyncReturnType<typeof createContext>
+
+/**
+ * Creates context for an incoming request
+ * @link https://trpc.io/docs/context
+ */
+export async function createContext(
+  opts: H3Event,
+) {
+  // for API-response caching see https://trpc.io/docs/caching
+
+  return {}
+}

playground/server/trpc/index.ts

@@ -1,6 +1,7 @@
 import { initTRPC } from '@trpc/server'
+import type { Context } from './context'
 
-const t = initTRPC.context<any>().create()
+const t = initTRPC.context<Context>().create()
 
 /**
  * Create a router