update playground

playground/pages/index.vue

@@ -26,8 +26,6 @@ const addTodo = async () => {
 }
 
 const { data: todos, pending, error, refresh } = await $client.todo.getTodos.query()
-
-console.log(typeof $client.todo.getTodos.query)
 </script>
 
 <template>

playground/plugins/trpc-client.ts

@@ -1,10 +1,16 @@
-import { httpBatchLink } from '@trpc/client'
+import { httpBatchLink, loggerLink } from '@trpc/client'
 import { createTRPCNuxtProxyClient } from 'trpc-nuxt/client'
 import type { AppRouter } from '~~/server/trpc/routers'
 
 export default defineNuxtPlugin(() => {
   const client = createTRPCNuxtProxyClient<AppRouter>({
     links: [
+      // adds pretty logs to your console in development and logs errors in production
+      loggerLink({
+        enabled: opts =>
+          process.env.NODE_ENV === 'development'
+          || (opts.direction === 'down' && opts.result instanceof Error),
+      }),
       httpBatchLink({
         url: 'http://localhost:3000/api/trpc',
       }),

src/client.ts

@@ -44,7 +44,7 @@ export function createNuxtProxyDecoration<TRouter extends AnyRouter>(name: strin
       })
     }
 
-    return useAsyncDataWithError(queryKey, () => (client as any)[path][lastArg](input), asyncDataOptions as Record<string, any>)
+    return useAsyncDataWithError(queryKey, () => (client as any)[path][lastArg](input), asyncDataOptions)
   })
 }