Extending the catalog of recognized built-in elements

[bnjm]

Since Vue 3 allows for custom renderers as an alternative to @vue/runtime-dom, A custom runtime might have it's own collection of 'native' elements. See Vugel for a good example. It supports built-in tags like <shader> and <container>.

At the moment @vue/babel-plugin-jsx will flag unknown native elements as a callExpression (https://github.com/vuejs/jsx-next/blob/dev/packages/babel-plugin-jsx/src/utils.ts#L111) if they are not matched in the catalog of known svg or html tags. How can we allow new native elements to be compatible JSX in Vue?

[Amour1688]

Do you mean isCustomElement ?

[bnjm]

@Amour1688 yes that works, thanks! I saw it but thought it was a web components thing