Cacher is the code snippet organizer for pro developers

Example 1
<div :class="{ one: true, two: false, three: true }">
...results in...
<div class="one three">

Example 2
<p :class="{ 'correct': correct, 'incorrect': !correct }">{{ correct }}</p>

// Add the class 'selected' to the element when the condition is true (not === selectedNote)
:class="{selected: note === selectedNote}"