Keygun2k1's questions

Tenho este componente svelte que atualmente está usando a use:diretiva de svelte runes:

<script>
    import {route} from "@mateothegreat/svelte5-router";

    let {children, className, ...rest} = $props();
</script>

<a
        use:route
        class={`btn ${className}`}
        {...rest}
>
    {@render children()}
</a>

Ao tentar passá-lo como prop, recebo um erro de renderização: "Svelte: Este tipo de diretiva não é válido em componentes". Aqui está como estou tentando usar a diretiva como prop:

<ButtonLink
       onclick={() => $currentRoute = window.location.pathname}
       href={href}
       class:active={isActive}
    >

O class:active={isActive}está dando o erro. Existe uma maneira de passar o uso de diretivas para um componente em runas svelte? Se sim, como e o que estou fazendo errado?