chore: enable hydration debugging only in prod (#808)

Author: danielroe

modules/production.ts

@@ -0,0 +1,16 @@
+import { defineNuxtModule, useNuxt } from 'nuxt/kit'
+import { defu } from 'defu'
+import { isCI, provider } from 'std-env'
+
+export default defineNuxtModule({
+  meta: {
+    name: 'prod-env',
+  },
+  setup() {
+    const nuxt = useNuxt()
+
+    if (isCI && provider !== 'github_actions') {
+      nuxt.options.debug = defu(nuxt.options.debug, { hydration: true })
+    }
+  },
+})

nuxt.config.ts

@@ -39,12 +39,6 @@ export default defineNuxtConfig({
 
   css: ['~/assets/main.css', 'vue-data-ui/style.css'],
 
-  $production: {
-    debug: {
-      hydration: true,
-    },
-  },
-
   runtimeConfig: {
     sessionPassword: '',
     // Upstash Redis for distributed OAuth token refresh locking in production

package.json

@@ -70,6 +70,7 @@
     "@vueuse/integrations": "14.2.0",
     "@vueuse/nuxt": "14.2.0",
     "@vueuse/router": "^14.2.0",
+    "defu": "6.1.4",
     "focus-trap": "^7.8.0",
     "marked": "17.0.1",
     "module-replacements": "2.11.0",