load stylesheet and javascript script from remote location

[FabienArcellier]

initial_state = ss.init_state({
    "my_app": {
        "title": "My App"
    },
})

initial_state.import_stylesheet("reset-css", "https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css")
initial_state.import_stylesheet("theme", "/static/main.css")
initial_state.import_script('tailwind', "https://cdn.tailwindcss.com")

[chrda81]

Hi @FabienArcellier,

could you please share your theming stylesheet from line initial_state.import_stylesheet("theme", "/static/main.css")? I'm trying to get a dark theme for the application but had no luck yet.

Many thanks!

[FabienArcellier]

Hi @FabienArcellier,

could you please share your theming stylesheet from line initial_state.import_stylesheet("theme", "/static/main.css")? I'm trying to get a dark theme for the application but had no luck yet.

Many thanks!

Hi, you have to use !important in all your directive into your css file. It's not practical but it's a consequence of the way vue scope css are working. We plan to change that. That's unfortunattely make usage of tailwindcss not possible yet. We open this #97

I also have an example here : https://github.com/FabienArcellier/spike-streamsync-complex-background