Field :as prop is not working with globally defined components

[juan267]

Versions

• vee-validate: 4.0.0-beta.18
• vue: 3.0.2

Describe the bug

Docs state that you can do the following:

<Field name="field" as="my-text-field" />

And field would render the my-text-field component if it's globally registered. But this is not working instead tags gets render in the html like if Vue didn't know about the component.

To reproduce
Steps to reproduce the behavior:

1. Create a BaseInput component
2. Register it globally
3. Pass it's name as the value for the as prop for the Field component

<Field name="field" as="BaseInput" />

4. No BaseInput component gets render

Expected behavior
Field should render the BaseInput component.

Demo link
Codesandbox.

Desktop (please complete the following information):

• OS: macOs
• Browser Chrome

[logaretm]

I had assumed that h would resolve any global components, looks like a mistake on my part. Will what I can do.

[logaretm]

The issue was resolved and will be available in the next release in a few hours. Thank you for reporting this.

[webdesignberlin]

Hi, any possibility to use local custom component in as-tag? or the only way to register globally?

[logaretm]

@webdesignberlin You should be able to use local components just fine. It is similar to component :is prop.