feat: Support custom tag names #420
Labels
help wanted
a good issue for the community
package: angular
@stencil/angular-output-target package
package: react
@stencil/react-output-target package
package: vue
@stencil/vue-output-target package
type: feature
New feature, request or improvement.
Prerequisites
Describe the Feature Request
Allow the tag names emitted by the output targets to be modified.
Describe the Use Case
Stencil already supports the option
tagNameTransform
: https://github.com/ionic-team/stencil/blob/16519d935ab6dcff31144f62d44bfdf95ea48d93/src/declarations/stencil-public-compiler.ts#L342This allows us to add a suffix to our component tag names, for example. It would be good to have a similar option in the adapters so we can still make use of the adapters, while using custom tag names.
Describe Preferred Solution
A usage example could look like this:
Describe Alternatives
Implementing the web component tags directly, without utilizing the adapters.
Related Code
No response
Additional Information
The general idea of using Stencil in a Microfrontend environment is explained very well here: https://dev.to/sanderand/running-multiple-versions-of-a-stencil-design-system-without-conflicts-2f46
Part of this is configuring
tagNameTransform
.Draft PR showcasing a possible implementation: #421
The text was updated successfully, but these errors were encountered: