FreshのTwind 1.x対応の現状

• Freshはtailwind対応のためtwind@0.16.17を使っている
  • これは2022-02-15にリリースされたもの
  • 現在はtwind@1.0.7が最新

twind 1.0.0のリリース内容

• https://github.com/tw-in-js/twind/releases/tag/v1.0.0
• https://twind.style/migration

twind 1.0.0では、Tailwind v3のクラスが使えるようになっている。

https://tailwindcss.com/blog/tailwindcss-v3

twind関連issue

https://github.com/denoland/fresh/issues/834

twind 1.0 PR

https://github.com/denoland/fresh/pull/946

動作比較が上がっている

• https://trescenzi-temp-deno-test.deno.dev/
• https://trescenzi-temp-deno-test-4wgbkdynxr00.deno.dev/

感想

• やや色合いが変わっているのが気になる
• ハイドレーション後に動いているか確認が難しい

その他、UnoCSS絡みの対応。

Pluginインターフェースにasync functionのrender関数が必要（UnoCSSのgenerate関数がasyncなため）

https://github.com/denoland/fresh/issues/728

https://github.com/denoland/fresh/pull/745