JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_0.12.last.min.js"></script>
<div al-app al-init="i=0">

  <div @timer200="i++">{{i}}</div>

</div>

JavaScript

alight.hooks.eventModifier.timer200 = {
	event: ['tick'],
	init: function(scope, element) {
  	var id = setInterval(function() {
    	element.dispatchEvent(new CustomEvent('tick'));
    }, 200);
    scope.$watch('$destroy', function() {
    	clearInterval(id);
    })
  }
};