https://github.com/bigskysoftware/htmx
ただし、型定義ファイルが含まれていない。なんてこった。
https://github.com/bigskysoftware/htmx/issues/2629
※ 現状だと型定義ファイルがないので build に失敗します。npm run devのみ動きます。
https://github.com/takumi0125/htmx-v2-playground
Astro x htmx x Alpine.js
Astroのdevが走っているときは、ページ切替時に動的にstyleが書き換わる。htmxはページ内の一部を書き換えている処理なので、styleの書き換わりが起きない。 hx-push-url
でURLが変わっても同じ。
頑張って自分でheadタグ内の差分を取得して動的に適用する必要がある。
ただし、 astro.configのvite.build.cssCodeSplit = false
に設定すると、ビルド時 (npm run build
) にCSSが結合された状態になるので、CSSが反映される。
title
はこの属性がなくても書き換わる。 description
とかは書き換わらない。