最近v2.0.0がリリース。

https://github.com/bigskysoftware/htmx

ただし、型定義ファイルが含まれていない。なんてこった。

https://github.com/bigskysoftware/htmx/issues/2629

長谷川によるサンプルコード

※ 現状だと型定義ファイルがないので build に失敗します。npm run devのみ動きます。

https://github.com/takumi0125/htmx-v2-playground

AHA Stack

Astro x htmx x Alpine.js

The AHA Stack

Astroと組み合わせたとき、ページ遷移すると遷移先のStyleは適用されない。

Astroのdevが走っているときは、ページ切替時に動的にstyleが書き換わる。htmxはページ内の一部を書き換えている処理なので、styleの書き換わりが起きない。 hx-push-urlでURLが変わっても同じ。

頑張って自分でheadタグ内の差分を取得して動的に適用する必要がある。

ただし、 astro.configのvite.build.cssCodeSplit = false に設定すると、ビルド時 (npm run build) にCSSが結合された状態になるので、CSSが反映される。

hx-push-urlは、history.pushStateされる

title はこの属性がなくても書き換わる。 descriptionとかは書き換わらない。