Skip to content

[Bug Report][3.10.5] TypeScript + Vuetify 3 slot/prop forwarding issue in wrapper components #22241

@ercyln

Description

@ercyln

Environment

Vuetify Version: 3.10.5
Vue Version: 3.5.21
OS: Windows 10 (current)

Steps to reproduce

Expected Behavior

When wrapping a Vuetify 3 component (for example v-pagination) inside a custom TypeScript component,
all props, events, and slots should behave exactly as in the original Vuetify component.

  • Props passed from the parent should override defaults and correctly bind to the inner component.
  • Events (like update:modelValue) should be emitted and received normally.
  • Scoped slots should be correctly forwarded and accessible without losing their props.

Actual Behavior

When wrapping Vuetify 3 components (e.g. v-tabs) in a custom TypeScript component,
props and slot bindings are not correctly forwarded.
Some props or scoped slots are lost or not reactive.

This seems to be related to TypeScript + Volar slot typing and Vuetify's prop definitions.

Reproduction Link

w

Images

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions