css generated directory

[luoxiaozero]

I have an application that uses melt-ui (leptos UI library), and melt-ui uses stylers, but the css files generated by stylers are in the melt-ui directory. I tried to solve it, but it didn't work.

[luoxiaozero]

Is there any solution

[abishekatp]

Yeah there is a solution,

• First thing both style! and style_sheet! macro generates css files that can be used to serve the css file separately from the server.
• In contrast with above both style_str! and style_sheet_str! will return the style string instead of writing into separate css file.

For your use case: In your use case you want to export the components to other users. so you can't export separate css file for each component. I think you can use either style_str! or styel_sheet_str!. you can find code snippet in readme or detailed example in examples directory

[luoxiaozero]

I know the solution

1. Repeated use of components results in multiple style
2. style in the head. Create the component again to check if the head exists. There's going to be a runtime

It don't feel elegant

[luoxiaozero]

Ideally, the user would use that component and that component's css would be added to the main.css file, but this feels like a difficult feature to implement.

[abishekatp]

I am checking weather there is better way to do this. Please give me some time.

Edit: Can't we just attach global style element with some unique id. whenever user reuses the component we will just check whether style tag with that id exists or not, if not then add one style for that component.

[luoxiaozero]

ok

[abishekatp]

Since this problem is solvable using the above discussed approach I am closing this issue now.