In my Vue3 Quasar project I have a component similar to this:

<template>
  <div class="q-pa-md">
    <div id="myCustomLabel">{{ props.label }}</div>
    <q-input
      ref="myInput"
      filled
      v-model="name"
      :rules="props.rules"
    />
  </div>
</template>

Whenever a field is not valid it changes it’s color to red. However i also need to change the “myCustomLabel” div above the input to red.
Is there any way to trigger a function whenever the fields are validated or not trough rules so I can also change?