{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue-cli/issues/2587","repository_url":"https://api.github.com/repos/vuejs/vue-cli","labels_url":"https://api.github.com/repos/vuejs/vue-cli/issues/2587/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-cli/issues/2587/comments","events_url":"https://api.github.com/repos/vuejs/vue-cli/issues/2587/events","html_url":"https://github.com/vuejs/vue-cli/issues/2587","id":363020820,"node_id":"MDU6SXNzdWUzNjMwMjA4MjA=","number":2587,"title":"Vue styled components not getting compiled to web components ","user":{"login":"kushalmahajan","id":11805936,"node_id":"MDQ6VXNlcjExODA1OTM2","avatar_url":"https://avatars2.githubusercontent.com/u/11805936?v=4","gravatar_id":"","url":"https://api.github.com/users/kushalmahajan","html_url":"https://github.com/kushalmahajan","followers_url":"https://api.github.com/users/kushalmahajan/followers","following_url":"https://api.github.com/users/kushalmahajan/following{/other_user}","gists_url":"https://api.github.com/users/kushalmahajan/gists{/gist_id}","starred_url":"https://api.github.com/users/kushalmahajan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kushalmahajan/subscriptions","organizations_url":"https://api.github.com/users/kushalmahajan/orgs","repos_url":"https://api.github.com/users/kushalmahajan/repos","events_url":"https://api.github.com/users/kushalmahajan/events{/privacy}","received_events_url":"https://api.github.com/users/kushalmahajan/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-24T05:47:22Z","updated_at":"2018-09-24T16:40:35Z","closed_at":"2018-09-24T16:40:35Z","author_association":"NONE","body":"### Version\r\n3.0.3\r\n\r\n### Reproduction link\r\n[https://github.com/kushalmahajan/vuejs_form.git](https://github.com/kushalmahajan/vuejs_form.git)\r\n\r\n\r\n\r\n### Node and OS info\r\n8.12.0, npm 6.4.1 and Windows 10\r\n\r\n### Steps to reproduce\r\n1.git clone https://github.com/kushalmahajan/vuejs_form.git\r\n default branch must be styled_components\r\n2. vue build--target wc--name my-custom-element./ src / main.js\r\n3. run the demo.html and there is no styling to header displayed.\r\n\r\n### What is expected?\r\nStyling should be applied to web component generated\r\n\r\n### What is actually happening?\r\nNo styles getting applied.\r\n\r\n<!-- generated by vue-issues. DO NOT REMOVE -->"},"comment":{"url":"https://api.github.com/repos/vuejs/vue-cli/issues/comments/424042135","html_url":"https://github.com/vuejs/vue-cli/issues/2587#issuecomment-424042135","issue_url":"https://api.github.com/repos/vuejs/vue-cli/issues/2587","id":424042135,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNDA0MjEzNQ==","user":{"login":"LinusBorg","id":1444526,"node_id":"MDQ6VXNlcjE0NDQ1MjY=","avatar_url":"https://avatars3.githubusercontent.com/u/1444526?v=4","gravatar_id":"","url":"https://api.github.com/users/LinusBorg","html_url":"https://github.com/LinusBorg","followers_url":"https://api.github.com/users/LinusBorg/followers","following_url":"https://api.github.com/users/LinusBorg/following{/other_user}","gists_url":"https://api.github.com/users/LinusBorg/gists{/gist_id}","starred_url":"https://api.github.com/users/LinusBorg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LinusBorg/subscriptions","organizations_url":"https://api.github.com/users/LinusBorg/orgs","repos_url":"https://api.github.com/users/LinusBorg/repos","events_url":"https://api.github.com/users/LinusBorg/events{/privacy}","received_events_url":"https://api.github.com/users/LinusBorg/received_events","type":"User","site_admin":false},"created_at":"2018-09-24T16:40:35Z","updated_at":"2018-09-24T16:40:35Z","author_association":"MEMBER","body":"`styled-components` manage their styles themselves - and they inject them as global styles into the page head. you should be able to find them in the page's head if i understand what they do correctly.\r\n\r\nHowever, these styles won't apply to a component's shadow DOM, which is designed to be independent from the global styles.\r\n\r\nSo IMHO this is expected behanviour, or in other words: the ways that `vue-styled-components` and web components handle their styles are incompatible."}}
{"actor":{"display_login":"LinusBorg"}}