1

Svelte で tw-in-js/twind を使用しています。Svelte アプリのバニラ セットアップを使用し、Twind を含めた後、プラグインを動作させる方法が見つかりません。

<script>
    import {tw, apply, setup} from 'twind/css';

    setup ({
        plugins: {
            h1style: apply`
                uppercase
                text-6xl
                font-thin
            `,
        },
    });

    const h1style2 = apply `uppercase text-6xl font-thin`;

    export let name;
</script>

<main>
    <h1 class={tw`h1style`}>Hello {name}!</h1>
    <p>Visit the <a href="https://svelte.dev/tutorial" class={tw`italic`}>Svelte tutorial</a> to learn how to build Svelte apps.</p>
</main>

上記のコード サンプルでは、​​h1style2 (const 宣言) は機能しますが、プラグイン h1style は機能しません。

誰かがこれを機能させることができるかどうかを知っていただければ幸いです。

4

1 に答える 1