How can I set a background image with svelte?

Question

How can I set a background image with svelte?

The code is here for reference: Svelte sandbox

Answer 1

You got it right. We probably can't use static assets on the REPL but what you did works well with any image from the web:

From your style section in Todos.svelte:

    :global(body){
        background-color: lightseagreen;
        background-image: url("https://images.pexels.com/photos/956981/milky-way-starry-sky-night-sky-star-956981.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260");
    }