White Svelte components

[afroborg]

Since the latest update, Svelte components are set to white.

Previously they were highlighted as regular HTML, which was fine, but other themes (such as Night Owl) highlights them in a different color which would be nice.

Is this intentional? Components in for example react are styled as regular HTML.

Thanks!

[mao-santaella-rs]

wow Hi @afroborg no that definitely is not the intention, can you please send me an example file for svelte and I will definitely fix this, and also what plugins do you use for svelt for better compatibility , thank you very much for taking the time to do this and sorry about that

[afroborg]

Great, how about this:

__layout.svelte:

<script lang="ts" context="module">
    import Navbar from '$/components/layout/navbar.svelte';
</script>

<script lang="ts">
</script>

<div>
    <Navbar />
    <main class="test-class">
        <slot />
    </main>
</div>

<style lang="scss" global>
</style>

Im using the Svelte for VS Code and Svelte 3 snippets extensions.

[mao-santaella-rs]

Hi @afroborg, thanks for taking the time to make this issue, I updated the theme to address this in v1.11.3, let me know if fixed for you, thanks again

[afroborg]

Awesome, works like a charm now, thanks!