vanX.reactive not working as expected?

[cipriano200]

Code:

 <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/vanjs-org/van/public/van-1.2.7.nomodule.min.js"></script>
 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/van-x.nomodule.min.js"></script>
 
 <script>
 	const {button, span} = van.tags;

 	const Counter = () => {
 		const data = vanX.reactive({count: 2});
 		
 		return span(
 			"❤️ ", data.count, " ",
 			button({onclick: () => ++data.count}, "👍"),
 			button({onclick: () => --data.count}, "👎"),
 		)
 	}

 	van.add(document.body, Counter())
 </script>

Button click not increment or decrementing the count.

[Tao-VanJS]

Hi,

To make it work, you need to change data.count to () => data.count. See https://vanjs.org/x#caveat-access-sub-field for more information.

Here is a preview link for the code after fixing this: https://jsfiddle.net/7zL36pxs/8/.

[cipriano200]

Thank you