CODE EXAMPLE FOR JAVASCRIPT

nuxt for background color

<tr v-for="(val, key) in category">
            <td class="p-2" width="1%" style="padding-right: 0px!important;">
                <span class="p-1 rounded-3 text-white" :style="'background-color: '+val.color+';'">
                  {{ val.foiz }}%
                </span>
            </td>
            <td class="p-2">
              <!--              style="background-color: {{val.color}};"-->
              {{ val.category_name }}
            </td>
            <td class="p-2" style=" text-align: end;">{{ val.money_print }} so'm</td>
          </tr>