Me pregunto si hay una forma de habilitar la reactividad en la ranura predeterminada en el componente QTooltip https://quasar.dev/vue-components/tooltip#qtooltip-api

El problema es que el contenido de QTooltip mantiene su valor inicial y no cambia si cambia el prop llamado 'nombrePintura' .

Aquí está el código relevante:

 <template> <div :class="{ [`box-color-container-${platform}`] : true }"> <div :class="{ [`box-color-${platform}`] : true, 'box-color--active': pinturaActiva }" class="box-color" :style="[{ 'backgroundColor': colorHex }]" @click="emitSelectedColor"> </div> <q-tooltip anchor="center left" self="center right" :offset="[10, 10]" class="text-body2 box-color-tooltip" :style="[{'backgroundColor': colorHex}]" v-if="platform === 'desktop'"> <!-- This content does not update if 'nombrePintura' changes. I'd like this to be updated each time 'nombrePintura' updates. --> <strong class="pinturaName">{{ nombrePintura }}</strong> </q-tooltip> <span v-if="platform === 'mobile'">{{ nombrePintura }}</span> </div> </template> <script lang="ts"> import { defineComponent, PropType } from 'vue' export default defineComponent({ emits: ['onNewPaint'], name: 'PaintBoxColor', props: { platform: { type: String as PropType<'mobile' | 'desktop'>, required: true }, nombrePintura: { // This prop changes. type: String, required: true }, colorHex: { type: String, required: true }, pinturaActiva: { type: Boolean, default: false } }, setup (props, ctx) { function emitSelectedColor () { ctx.emit('onNewPaint', props.colorHex) } return { emitSelectedColor } } }) </script>

¿Cómo puedo actualizar el contenido de q-tooltip cada vez que cambia el prop 'nombrePintura' ?