Accordion, Button, Step, Tab: Invalid prop warnings when component object passed to as prop

[WatCodeDatCode]

Describe the bug

The below components all accept an as prop that allow the HTML to be rendered optionally as a specific component. This prop however is only configured with type string so when a component is directly passed to it as an object, the console is flooded with the warning: [Vue warn]: Invalid prop: type check failed for prop "as". Expected String with value "[object Object]", got Object.

The functionality works regardless, but the warnings are distracting especially when debugging other issues in development so updating the prop to also allow Component type from vue (as the underlying component itself does) should fix the issue.

Affected components

• AccordionContent
• AccordionHeader
• AccordiongPanel
• Button
• Step
• StepPanel
• Tab
• TabPanel

Reproducer

https://stackblitz.com/edit/primevue-nuxt-issue-template-9rgq7g?file=app.vue

PrimeVue version

4.0.4

Vue version

4.x

Language

ALL

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

1. Import any component
2. Use the component directly for the as prop in any of the above mentioned components
3. Check logs / console

Expected behavior

A component object can be directly passed to the as prop without warning.

[tugcekucukoglu]

It is related to Nuxt: nuxt/nuxt#13659