Stencil version:

 @stencil/core@2.7.0

I'm submitting a:

[ ] bug report
[x] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://stencil-worldwide.herokuapp.com/ or https://forum.ionicframework.com/

Current behavior:

Currently custom elements can conflict when multiple WebComponents have custom elements with the same name on the page.

Expected behavior:

• Support for something like Scoped Elements

Steps to reproduce:

• Create a Stencil Component that has a custom element with the name hello-world-component that renders "Hello World"
• Create another Stencil Component that has a custom element with the name hello-world-component that renders "Hello World 2"
• Include both on the same page and see a conflict in behavior as only one can be registered.

Other information:

• An attempt to fix this with a prefix pattern was tried in feat(compiler) - Component Namespacing #843
• This was brought back up in feat(cli): Add ability to specify component generation config parameters #2427