fix: apply runtimeConfig proxy directly to ctx.config

src/app.ts

@@ -101,6 +101,9 @@ export async function setupAppBridge (_options: any) {
     }
   })
 
+  // Normalize runtimeConfig with a proxy
+  addPlugin({ src: resolve(distDir, 'runtime/config.plugin.mjs') })
+
   addPlugin({
     src: resolve(distDir, 'runtime/error.plugin.server.mjs'),
     mode: 'server'

src/runtime/composables.ts

@@ -27,24 +27,8 @@ export const useRuntimeConfig = () => {
   if (nuxtApp._config) {
     return nuxtApp._config as RuntimeConfig
   }
-  const config = reactive(nuxtApp.$config)
-  nuxtApp._config = new Proxy(config, {
-    get (target, prop) {
-      if (prop === 'public') {
-        return target.public
-      }
-      return target[prop] ?? target.public[prop]
-    },
-    set (target, prop, value) {
-      if (prop === 'public' || prop === 'app') {
-        return false // Throws TypeError
-      }
-      target[prop] = value
-      target.public[prop] = value
-      return true
-    }
-  })
 
+  nuxtApp._config = reactive(nuxtApp.$config)
   return nuxtApp._config as RuntimeConfig
 }
 

src/runtime/config.plugin.mjs

@@ -0,0 +1,21 @@
+export default (ctx) => {
+  const config = ctx.$config
+  ctx.$config = new Proxy(config, {
+    get (target, prop) {
+      if (prop === 'public') {
+        return target.public
+      }
+      return target[prop] ?? target.public?.[prop]
+    },
+    set (target, prop, value) {
+      if (prop === 'public' || prop === 'app') {
+        return false // Throws TypeError
+      }
+      target[prop] = value
+      if ('public' in target) {
+        target.public[prop] = value
+      }
+      return true
+    }
+  })
+}