From b09d1af30d1fe22393b4876c41e4bcfc18339054 Mon Sep 17 00:00:00 2001
From: Robert Soriano <sorianorobertc@gmail.com>
Date: Mon, 23 May 2022 10:42:16 -0700
Subject: [PATCH] fix: client type declaration

---
 src/runtime/plugin.ts | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/runtime/plugin.ts b/src/runtime/plugin.ts
index 2d03f45..d2e49b3 100644
--- a/src/runtime/plugin.ts
+++ b/src/runtime/plugin.ts
@@ -4,16 +4,22 @@ import { defineNuxtPlugin, useRequestHeaders, useRuntimeConfig } from '#app'
 // @ts-expect-error: Resolved by Nuxt
 import type { router } from '~/server/trpc'
 
-export default defineNuxtPlugin(() => {
-  const config = useRuntimeConfig().public.trpc
-  const client = trpc.createTRPCClient<typeof router>({
-    url: `${config.baseURL}${config.trpcURL}`,
-    headers: useRequestHeaders(),
-  })
+const config = useRuntimeConfig().public.trpc
+const client = trpc.createTRPCClient<typeof router>({
+  url: `${config.baseURL}${config.trpcURL}`,
+  headers: useRequestHeaders(),
+})
 
+export default defineNuxtPlugin(() => {
   return {
     provide: {
       client,
     },
   }
 })
+
+declare module '#app' {
+  interface NuxtApp {
+    $client: typeof import('~/server/trpc').router
+  }
+}