如何在 svelte 组件中添加条件类

Question

我对 Svelte 还很陌生，我想知道为什么我的条件课程没有被 svelte 接受。这是我的代码

<div class="navbar">
<nav>
    <ul>
        {#each menus as menu}
            <li>
                <a href={menu.href}>
                    <svelte:component
                        this={menu.icon}
                        size="24px"
                        color={menu.active ? '#1db954' : 'white'}
                        class="menu-icon {menu.active ? 'active' : ""}"
                    />
                </a>
                <p class="menu-label">{menu.label}</p>
            </li>
        {/each}
    </ul>
</nav>

当我尝试将 .active 用作 CSS 选择器时，VSCode 会发出警告“Unused CSS selector .active”。我做错什么了吗？