tabler-iconsをdenoで使いたい

hashrock

これね。

https://github.com/tabler/tabler-icons

hashrock

案としては

esm.shでreact版をimportしてきて使う
- 普通にできそうな気はする
tsxとして読めるバージョンを作る
- メンテどうするのか？
- 補間が出たりすればオシャレ
tsxコードジェネレータとか作る
- リポジトリ無くなっても使えるので障害耐性が高い

hashrock

おー使えるか。これでいいのかなー

import * as icons from "https://esm.sh/@tabler/icons@1.93.0"

const handler = (req: Request) => html({
  title: "Hello World!",
  body: (
    <div class="flex justify-center items-center h-screen">
      <icons.IconAward
        class="text-blue-500"
        size={72}
        stroke-width={3}
        stroke-linejoin="round"
      />
    </div>
  ),
});

プロパティはkebabにする必要あるけど普通に使えてる。OKかな〜

hashrock

freshでこのやり方をすると消失してしまう・・・

そのため専用のリポジトリを作った。