TypeScript error with nested properties in InputMenu valueKey and labelKey

[dannote]

Environment

• Operating System: Darwin
• Node Version: v20.9.0
• Nuxt Version: 3.16.0
• CLI Version: 3.22.5
• Nitro Version: 2.11.6
• Package Manager: pnpm@10.6.1
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.10

Reproduction

https://codesandbox.io/p/devbox/bold-cache-pkvmch

Description

The InputMenu component fails to handle nested properties (e.g., 'user.id', 'user.name') in valueKey and labelKey props, resulting in a TypeScript error.

Additional context

Proposed fix:

type NestedPathValue<T, P extends string> = P extends `${infer Key}.${infer Rest}`
  ? Key extends keyof T
    ? NestedPathValue<T[Key], Rest>
    : any
  : P extends keyof T
  ? T[P]
  : any;

export type SelectItemKey<T> = T extends Record<string, any>
  ? keyof T | (string & { [K in keyof T]?: NestedPathValue<T, K & string> })
  : string;

Logs