The scoped CSS should be applied on all HTML written inside that component irrespective of how it is generated.
Specs:
Abell Version: 1.0.0-alpha.72
Node Version: any
Operating System: any
Additional context
Currently we're looking for HTML tags in the code and injecting the hash which is used for scoping.
Because we're looking for HTML tags before the evaluation, it is only getting applied where we have well defined HTML tags. But for HTML that is generated on build time, that injection of hash doesn't happen.
Describe the bug
Scoped CSS doesn't work with generated HTML (See the stackblitz example below)
To Reproduce
https://stackblitz.com/edit/abell-rqqnss?file=index.abell,_navbar.abell
Expected behavior
The scoped CSS should be applied on all HTML written inside that component irrespective of how it is generated.
Specs:
Additional context
Currently we're looking for HTML tags in the code and injecting the hash which is used for scoping.
Because we're looking for HTML tags before the evaluation, it is only getting applied where we have well defined HTML tags. But for HTML that is generated on build time, that injection of hash doesn't happen.