Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Running inside a Web Component / Shadow DOM #229

Open
mattbryson opened this issue Apr 28, 2021 · 1 comment
Open

Running inside a Web Component / Shadow DOM #229

mattbryson opened this issue Apr 28, 2021 · 1 comment

Comments

@mattbryson
Copy link

I'm trying to get this to run up inside a Web Component - which I think will be fine, however I'm running into this issue:
#182

Where the production dist version still injects styles into the HEAD, rather than build an external CSS file.

As its in the HEAD of the host document, those styles do not filter down inside the Web Component.

Any plans to have an external CSS file included with the production dist?

Or any ideas on how to get the styles to either be injected into a web components shadow DOM ?

Cheers

Matt

@jameswragg
Copy link

The instructions on vue-custom-element may help you get your styles within ShadowDOM
https://github.com/karol-f/vue-custom-element#shadowdom-example

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants