最近の仕事ではJSがあんまりなくてページ数はそこそこあるみたいなサイトを作ってることが多い。作り方として、コンポーネントごとにPugのmixinとかNunjucksのmacroで抽象化してマークアップが壊れないようにしてるんだけど、これらだとコンポーネントを実装するための機能として微妙。具体的には、ノードを挿入できる箇所が1箇所に限定されてることとエディタの補完がない。 mixin Disclosure(params = {}) - const props = Object.assign({ initialExpanded: false, detailsId: ulid(), }, params) .Disclosure(role="group")&attributes(attributes) button.Disclosure__summary(type="button" aria-ex