From e7d160ee48ed40a96698d146ebe5ddfe089352af Mon Sep 17 00:00:00 2001
From: wobsoriano <sorianorobertc@gmail.com>
Date: Tue, 20 Dec 2022 01:32:59 -0800
Subject: [PATCH] fix: client auto-imports

---
 .nuxtrc                        |  2 ++
 package.json                   |  8 ++++----
 playground/pages/cookie.vue    | 19 -------------------
 playground/pages/index.vue     |  1 +
 playground/pages/todo/[id].vue |  7 ++++---
 pnpm-lock.yaml                 |  2 --
 src/module.ts                  |  4 ++--
 7 files changed, 13 insertions(+), 30 deletions(-)
 create mode 100644 .nuxtrc
 delete mode 100644 playground/pages/cookie.vue

diff --git a/.nuxtrc b/.nuxtrc
new file mode 100644
index 0000000..f033419
--- /dev/null
+++ b/.nuxtrc
@@ -0,0 +1,2 @@
+imports.autoImport=false
+typescript.includeWorkspace=true
diff --git a/package.json b/package.json
index 183f0df..bd1c97a 100644
--- a/package.json
+++ b/package.json
@@ -21,10 +21,11 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepublishOnly": "pnpm build",
     "build": "nuxt-module-build",
-    "play": "pnpm build && nuxi dev playground",
-    "build:playground": "nuxi build playground",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:preview": "nuxi preview playground",
+    "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "release": "bumpp --commit --push --tag && npm publish",
@@ -52,7 +53,6 @@
     "bumpp": "^8.2.1",
     "eslint": "^8.25.0",
     "nuxt": "3.0.0",
-    "trpc-nuxt": "workspace:*",
     "zod": "^3.20.2"
   },
   "eslintConfig": {
diff --git a/playground/pages/cookie.vue b/playground/pages/cookie.vue
deleted file mode 100644
index 13a39dc..0000000
--- a/playground/pages/cookie.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-const counter = useCookie('counter')
-counter.value = counter.value || Math.round(Math.random() * 1000)
-</script>
-
-<template>
-  <div>
-    <h1> Counter: {{ counter || '-' }}</h1>
-    <button @click="counter = null">
-      reset
-    </button>
-    <button @click="counter--">
-      -
-    </button>
-    <button @click="counter++">
-      +
-    </button>
-  </div>
-</template>
diff --git a/playground/pages/index.vue b/playground/pages/index.vue
index 9d6c108..18a8ffa 100644
--- a/playground/pages/index.vue
+++ b/playground/pages/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useClient, useClientHeaders, useAsyncQuery } from '#imports'
 const client = useClient()
 const headers = useClientHeaders()
 const { data: todos, pending, error, refresh } = await useAsyncQuery(['getTodos'])
diff --git a/playground/pages/todo/[id].vue b/playground/pages/todo/[id].vue
index 6694229..35be675 100644
--- a/playground/pages/todo/[id].vue
+++ b/playground/pages/todo/[id].vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useRoute, useAsyncQuery } from '#imports'
 const route = useRoute()
 const { data: todo, pending, error } = await useAsyncQuery(['getTodo', Number(route.params.id)])
 </script>
@@ -11,8 +12,8 @@ const { data: todo, pending, error } = await useAsyncQuery(['getTodo', Number(ro
     {{ error.data.code }}
   </div>
   <div v-else>
-    ID: {{ todo.id }} <br>
-    Title: {{ todo.title }} <br>
-    Completed: {{ todo.completed }}
+    ID: {{ todo?.id }} <br>
+    Title: {{ todo?.title }} <br>
+    Completed: {{ todo?.completed }}
   </div>
 </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57162d4..95a65d4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,7 +18,6 @@ importers:
       nuxt: 3.0.0
       ohash: ^1.0.0
       pathe: ^1.0.0
-      trpc-nuxt: workspace:*
       ufo: ^1.0.1
       zod: ^3.20.2
     dependencies:
@@ -38,7 +37,6 @@ importers:
       bumpp: 8.2.1
       eslint: 8.26.0
       nuxt: 3.0.0_eslint@8.26.0
-      trpc-nuxt: 'link:'
       zod: 3.20.2
 
   playground:
diff --git a/src/module.ts b/src/module.ts
index f279b9f..af877ac 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -27,7 +27,7 @@ export default defineNuxtModule<ModuleOptions>({
     const logger = useLogger(metaName)
 
     const runtimeDir = fileURLToPath(new URL('./runtime', import.meta.url))
-    nuxt.options.build.transpile.push(runtimeDir, '#build/trpc-handler')
+    nuxt.options.build.transpile.push(runtimeDir)
 
     const handlerPath = join(nuxt.options.buildDir, 'trpc-handler.ts')
     const trpcOptionsPath = join(nuxt.options.srcDir, 'server/trpc')
@@ -49,7 +49,7 @@ export default defineNuxtModule<ModuleOptions>({
       write: true,
       getContents() {
         return dedent`
-          import { createTRPCHandler } from 'trpc-nuxt/api'
+          import { createTRPCHandler } from ${JSON.stringify(join(runtimeDir, 'api'))}
           import * as functions from '${trpcOptionsPath}'
     
           export default createTRPCHandler({