<template>
<span
  class="tag"
  :style="{
    background: task.task_status_color,
    color: task.task_status_short_name !== 'todo' ? 'white' : '#333'
}">
  {{ task.task_status_short_name }}
</span>
</template>

<script>
export default {
  name: 'title',
  props: {
    task: {
      default: 'button',
      type: Object
    }
  }
}
</script>

<style scoped>
.tag {
  text-transform: uppercase;
}
</style>

<template>
<router-link
  :to="'/tasks/' + task.id"
  class="tag"
  :style="{
    background: task.task_status_color,
    color: task.task_status_short_name !== 'todo' ? 'white' : '#333'
}">
  {{ task.task_status_short_name }}
</router-link>
</template>

<script>
export default {
  name: 'title',
  props: {
    task: {
      default: 'button',
      type: Object
    }
  }
}
</script>

<style scoped>
.tag {
  text-transform: uppercase;
}
</style>

Make validation tag a link to a task
Make validation tag a link to a task
