Reactive Markdown

This page opts into the runtime because it declares state. Static pages ship zero framework JavaScript.

The count is 0.

Keyed loops over real objects

The same @loop that unrolls static data also drives reactive lists. Items are objects, bindings use dotted paths, and the runtime patches the list by key instead of re-rendering it:

Conditionals inside a loop, nested

:if works per row, and conditionals nest — the inner branch is decided after the outer one, for every item, and stays reactive. Add a "done" task and watch which badge each row shows:

Each row picks one of three states from two nested conditionals, all in plain Markdown — no component, no ternary, no JavaScript.

Section-scoped state

Two sections can each own a state value named tally without colliding. Buttons resolve to the nearest scope:

Static pages like the docs stay runtime-free.