Skip to content

v-bind (3.4) shorthand not working on <Component /> #10469

Closed
@roydukkey

Description

@roydukkey

Vue version

3.4

Link to minimal reproduction

https://play.vuejs.org/#eNp9Ustu2zAQ/JUtL0qA1ELTnlzFQFsEaHtog7ZAL7wI8kpmQi0JcuUYUPTvWdKxYuR1sbUzs0/OqL54v9gOqJaqik0wniEiD36lyfTeBYYRArYwQRtcD4VIi5n65nr/gC/KFKRKxWdNmhpHkaGPHVyk/JPiO1rr4L8Ldv2uONVUlft20kgCxt7bmlEigGrzYTWOOXmaqlKijOZuJl5otTnX6liRmKca/5rEkB8Ytu97t0YrQlFoBaWQVXk0hjpTHGWL1nSL6+hIDjSmfK0aKWUsht+ejWyp1RIyk7halrz9mTEOA54d8GaDzc0L+HXcJUyrq4ARwxa1mjmuQ4e8py///sKdfM+kTD9YUb9B/sHo7JBm3Mu+DrSWsY90edof+S0Ndf/i5Y6R4mGpNGhSTlmvlbxtuuJrqz+O+3HxKedpmuSKB18cOczW1MnlWQrMbtOEu2wqQ4yhrRuEq+B83DcwcQnF5ryAOyh8cpgU17TG1hBmWZV/Vyen2X1vmSs9nyMkhqWJGRIwWscryUp/skzSlbPwmTWmez3YErQ=

Steps to reproduce

Just use the v-bind shorthand to bind the is property: <component :is>.

What is expected?

Should function the same as <component :is="is">.

What is actually happening?

Warning is produced:

Failed to resolve component: component
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
 at <Compis="p">
 at <Repl>

System Info

n/a; Playground

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    🔨 p3-minor-bugPriority 3: this fixes a bug, but is an edge case that only affects very specific usage.scope: sfc

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions