fix(theme/regression): typo in component props resulting in nested titles not showing in navbar

closes #4042

Author: brc-dd

Diff for: __tests__/e2e/.vitepress/config.ts

@@ -42,6 +42,29 @@ const nav: DefaultTheme.Config['nav'] = [
         }
       ]
     }
+  },
+  {
+    text: 'Nested',
+    items: [
+      {
+        text: 'Level 1 - 1',
+        items: [
+          {
+            text: 'Level 2 - 1',
+            link: '/nested/level1-1/level2-1'
+          }
+        ]
+      },
+      {
+        text: 'Level 1 - 2',
+        items: [
+          {
+            text: 'Level 2 - 2',
+            link: '/nested/level1-2/level2-2'
+          }
+        ]
+      }
+    ]
   }
 ]
 

Diff for: src/client/theme-default/components/VPNavScreenMenuGroup.vue

@@ -42,7 +42,7 @@ function toggle() {
         </div>
 
         <div v-else class="group">
-          <VPNavScreenMenuGroupSection :items="item.items" />
+          <VPNavScreenMenuGroupSection :text="item.text" :items="item.items" />
         </div>
       </template>
     </div>