[Vuejs]-How to update the text based on the response value in quasar?

I have tries this and it’s working fine.

<q-td key="processed" :props="props">
            <q-badge style="background-color:white" :class="props.row.processed==0?'bg-red text-white text-weight-bolder':'bg-blue text-black'">
              {{ props.row.processed }}
            </q-badge>
          </q-td>

Codepen – https://codepen.io/Pratik__007/pen/PoqzzLx?editable=true&editors=101