Description
What problem does this feature solve?
When Vue is mounting, the function isUnknownElement
is called and checks, among others, whether the element tag is in the list of ignoredElements
. In the context of an app that uses multiple web components, we don't want to manually add every new component's tag to the ignoredElements
list. Maintaining that list could quickly become a headache. If the isUnknownElement
also checks the custom elements registry, it could figure out that the element in question is not necessarily unknown.
What does the proposed API look like?
The API would stay the same, but on top of checking for config.ignoredElements
in the function isUnknownElement
, we would also check if window.customElements.get(vnode.tag)
is defined or not. If it is defined, then we return false.
I am happy to submit a pull request, I just wanted to discuss this first to make sure there aren't design constraints to adding something like this.