chore(client): don't overwrite built client when running playground

Author: danielroe

client/bootstrap.ts

@@ -1,3 +1,4 @@
+import { existsSync } from 'node:fs'
 import { createResolver, defineNuxtModule } from '@nuxt/kit'
 import { startSubprocess } from '@nuxt/devtools-kit'
 
@@ -14,6 +15,9 @@ interface DevtoolsReadyContext {
 export default defineNuxtModule((_, nuxt) => {
   if (!nuxt.options.dev || !nuxt.options.modules?.includes('@nuxt/fonts')) return
 
+  // A prebuilt client takes precedence in `src/devtools.ts`
+  if (existsSync(resolver.resolve('../dist/client/index.html'))) return
+
   const command = {
     command: 'npx',
     args: ['nuxt', 'dev', '--port', DEVTOOLS_UI_PORT.toString()],

client/nuxt.config.ts

@@ -5,6 +5,13 @@ const resolver = createResolver(import.meta.url)
 
 export default defineNuxtConfig({
   modules: ['@unocss/nuxt'],
+  $production: {
+    nitro: {
+      output: {
+        publicDir: resolver.resolve('../dist/client'),
+      },
+    },
+  },
   ssr: false,
   app: {
     baseURL: DEVTOOLS_UI_PATH,
@@ -18,11 +25,6 @@ export default defineNuxtConfig({
     resolver.resolve('./assets/styles.css'),
   ],
   compatibilityDate: '2024-08-19',
-  nitro: {
-    output: {
-      publicDir: resolver.resolve('../dist/client'),
-    },
-  },
   vite: {
     // microlighter loads TextMate grammars with `import(`./grammars/${lang}.js`)`. Dep pre-bundling
     // rewrites that to a path with no grammars beside it, and the dynamic-import-vars transform