fix(nuxt): use deep assignment for app.config hmr (#6788)

nuxt · Aug 22, 2022 · 3b2b22e · 3b2b22e
1 parent 7e2fbcf
commit 3b2b22e
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/nuxt/src/app/config.ts b/packages/nuxt/src/app/config.ts
@@ -20,9 +20,7 @@ if (process.dev) {
   function applyHMR (newConfig: AppConfig) {
     const appConfig = useAppConfig()
     if (newConfig && appConfig) {
-      for (const key in newConfig) {
-        (appConfig as any)[key] = (newConfig as any)[key]
-      }
+      deepAssign(appConfig, newConfig)
       for (const key in appConfig) {
         if (!(key in newConfig)) {
           delete (appConfig as any)[key]
@@ -31,6 +29,17 @@ if (process.dev) {
     }
   }
 
+  function deepAssign (obj: any, newObj: any) {
+    for (const key in newObj) {
+      const val = newObj[key]
+      if (val !== null && typeof val === 'object') {
+        deepAssign(obj[key], val)
+      } else {
+        obj[key] = val
+      }
+    }
+  }
+
   // Vite
   if (import.meta.hot) {
     import.meta.hot.accept((newModule) => {