From b61dbd1786c93f6cbc0c8cedf10349032579c670 Mon Sep 17 00:00:00 2001
From: Robert Soriano <sorianorobertc@gmail.com>
Date: Sat, 29 Oct 2022 22:29:21 -0700
Subject: [PATCH] update playground

---
 playground/pages/index.vue        | 2 --
 playground/plugins/trpc-client.ts | 8 +++++++-
 src/client.ts                     | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 1327e96..bd56eed 100644
--- a/playground/pages/index.vue
+++ b/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>
diff --git a/playground/plugins/trpc-client.ts b/playground/plugins/trpc-client.ts
index 9768efa..cc2b862 100644
--- a/playground/plugins/trpc-client.ts
+++ b/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',
       }),
diff --git a/src/client.ts b/src/client.ts
index 84857e9..453da68 100644
--- a/src/client.ts
+++ b/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)
   })
 }