From 2cfa64fcc6f7363a929c826476d578140411e621 Mon Sep 17 00:00:00 2001
From: Robert Soriano <sorianorobertc@gmail.com>
Date: Mon, 23 May 2022 11:24:07 -0700
Subject: [PATCH] fix: unresolvable runtime config

---
 playground/pages/index.vue      |  4 ++--
 playground/server/trpc/index.ts |  4 ++--
 src/runtime/plugin.ts           | 14 +++++++-------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 451bedf..198b5fa 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-const client = useClient()
+const { $client } = useNuxtApp()
 const { data: todos, pending, error, refresh } = await useAsyncQuery(['getTodos'])
 
 const addTodo = async () => {
   const title = Math.random().toString(36).slice(2, 7)
 
   try {
-    const result = await client.mutation('addTodo', {
+    const result = await $client.mutation('addTodo', {
       id: Date.now(),
       userId: 69,
       title,
diff --git a/playground/server/trpc/index.ts b/playground/server/trpc/index.ts
index b1cebd8..0fab987 100644
--- a/playground/server/trpc/index.ts
+++ b/playground/server/trpc/index.ts
@@ -42,8 +42,8 @@ export async function createContext(event: CompatibilityEvent) {
   // Will be available as `ctx` in all your resolvers
 
   // This is just an example of something you'd might want to do in your ctx fn
-  // const x = useCookies(event)
-  console.log('Headers', event.req.headers)
+  const x = useCookies(event)
+  console.log(x)
 
   return {
 
diff --git a/src/runtime/plugin.ts b/src/runtime/plugin.ts
index baaf87b..da05ed9 100644
--- a/src/runtime/plugin.ts
+++ b/src/runtime/plugin.ts
@@ -3,15 +3,15 @@ import * as trpc from '@trpc/client'
 import { defineNuxtPlugin, useRequestHeaders, useRuntimeConfig } from '#app'
 import type { router } from '~/server/trpc'
 
-type AppRouter = typeof router
-
-const config = useRuntimeConfig().public.trpc
-const client = trpc.createTRPCClient<AppRouter>({
-  url: `${config.baseURL}${config.trpcURL}`,
-  headers: useRequestHeaders(),
-})
+declare type AppRouter = typeof router
 
 export default defineNuxtPlugin(() => {
+  const config = useRuntimeConfig().public.trpc
+  const client = trpc.createTRPCClient<AppRouter>({
+    url: `${config.baseURL}${config.trpcURL}`,
+    headers: useRequestHeaders(),
+  })
+
   return {
     provide: {
       client,