在webcomponent中怎么引入，样式丢失

[nickolboy]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

用defineCustomElement定义了一个webcomponent，里面引入了antd，但是样式没有。但是新版本css in js，没有样式文件，请问要怎么引入进来

What does the proposed API look like?

文件改成了ce.vue也没用

[github-actions]

Hello @nickolboy. Please provide a online reproduction by forking this link for vue2、 link for vue3 or a minimal GitHub repository. Make sure to choose the correct version.

你好 @nickolboy, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 for vue2、 此处 for vue3 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。请确保选择准确的版本。

[nickolboy]

https://codesandbox.io/s/nice-pond-w7fn6c?file=/src/components/MyButton.ce.vue

[aibayanyu20]

参考官方文档，是不支持cssinjs的，https://cn.vuejs.org/guide/extras/web-components.html#building-custom-elements-with-vue
只支持内联style的模式

[nickolboy]

貌似StyleProvider可以，但是有些组件好像有问题，例如dropdown

[xiaoqiang1999]

用StyleProvider指定container为ShadowROOT就可以了，但Vue的defineCustomElement貌似没提供ShadowRoot的实例，所以，你可以自己写个Class定义一个WebComponent，然后在这个Class中自己调用普通的Vue组件，自己处理WebComponent的attr和事件。
就是太繁琐了。

[Weicup]

用的不是cssinjs的话，例如3.x版本支持吗

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.