title: Understanding undocumented Vue.js attributes ( Vue + Pug )
body: <p>So i was just browsing through certain vue.js code <a href="https://github.com/HabitRPG/habitica/blob/develop/website/client/components/tasks/task.vue#L21" rel="nofollow noreferrer">HERE</a>. and came across the following code below:</p>
  
  <pre><code>menu-dropdown.task-dropdown(
    v-if="!isRunningYesterdailies",
    :right="task.type === 'reward'",
    ref="taskDropdown",
    v-b-tooltip.hover.top="$t('options')"
  )
  </code></pre>
  
  <p>I don't quite understand this attribute <code>:right</code> that is inserted in the code ? What is it doing and what is its purpose , i am new to Vue.js , but by looking around a bit i was able to find documentation for the rest of the attributes except this attribute called <code>:right</code> ? Can anybody shed some light on this ? </p>