add onError handler

playground/app.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const client = useClient()
-const data = await client.query('getUser', {
-  name: 'roberts',
+const { data, error } = await useAsyncData('random', () => client.query('hello'), {
+  server: false,
 })
 </script>
 

playground/server/trpc/index.ts

@@ -1,35 +0,0 @@
-import * as trpc from '@trpc/server'
-import { z } from 'zod'
-import type { CompatibilityEvent } from 'h3'
-
-export const router = trpc
-  .router()
-  .query('getUser', {
-    input: z.object({ name: z.string().min(5) }),
-    async resolve(req) {
-      return { id: 1, name: req.input.name }
-    },
-  })
-  .query('hello', {
-    resolve: () => 'world',
-  })
-
-// optional
-export const createContext = (event: CompatibilityEvent) => {
-  return {
-    user: {
-      id: 69,
-      name: 'robert',
-    },
-  }
-}
-
-// optional
-export const responseMeta = () => {
-  // ...
-  return {
-    // { headers: ... }
-  }
-}
-
-export type Router = typeof router