<sig-nal>

        <button id="dec">-</button>
      
        <span id="value">3</span>
        
        <button id="inc">+</button>
        
        <sig-nal new="counter" type="number" default=".textContent#value" hydrate>
          { value: { ".textContent": rerender },
	    dec: { "@click": ({signal}) => signal.value-- },
	    inc: { "@click": ({signal}) => signal.value++ }
	  }
        </sig-nal>