classes are not inlined with custom-elements

[syffs]

as in title, to reproduce, simply add the option to svelte plugin in your rollup.config.js

compilerOptions: {
    customElement: true,

and create a customElement svelte component with some tailwind classes

[alexanderniebuhr]

does this issue still exists.. i can't reproduce it

[syffs]

sorry for the delay @alexanderniebuhr (easter weekend...)

It works with simple components, but tailwind classes from nested components aren't included

[alexanderniebuhr]

@syffs can you provide simplest reproduction repo

[syffs]

I was just working on that:
https://github.com/syffs/svelte-windicss-customel

[alexanderniebuhr]

your problem are not custom-element. It is that your style tags are postCSS. You need to preprocess that first with som postCSS preprocessor

[syffs]

Thanks for the quick reply !

So is it luck that it does work without custom-element or nested components ?

Probably I misunderstood windicss features, I though it was prepocessing postcss: https://windicss.org/guide/migration.html

Or did I miss something ?