Shorthand class directive

Often, the name of the class will be the same as the name of the value it depends on:

  1. <div class:big={big}>
  2. <!-- ... -->
  3. </div>

In those cases we can use a shorthand form:

  1. <div class:big>
  2. <!-- ... -->
  3. </div>