Tengo una clase que uso en mi componente Vue3 para establecer/restablecer/actualizar algunos valores. Confío en Vue Watchers para ver si mi estado aplicado cambia en dicha clase para poder hacer algo con él (llamar a un punto final de API, por ejemplo).

Ahora esto funcionó perfectamente bien en Vue 2, pero por alguna razón, si cambio una variable desde dentro de mi clase, no activa mi función de reloj. Sin embargo, activa mi función de reloj cuando configuro un valor de mi componente; pero esa opción no me funciona a la larga.

Así que en resumen:

¿Cómo puedo asegurarme de que mi reloj se active cuando configuro el valor de mi componente Y de mi propia instancia de Clase?

Verifique mi demostración (y abra la consola para obtener un registro adicional) para ver a qué me refiero: (el comportamiento esperado es que se applied debe establecerse en 3 en 1 segundo y 100 después de 3 segundos) https://codepen.io/Timen/pen/ JjLMawO

Cosas que he probado:

• Usando la API de composición y configurando el observador en mi configuración
• Usar watchEffect
• Use deep: true y flush: post en el observador
• Configuración de un proyecto completamente nuevo sin dependencias adicionales que no sean vite 3 + vue3 e incluso lo probé con una compilación limpia con vue-cli 4.5 + vue3
• Envolviendo mi clase en un ref() en mi setup
• Intenté establecer el valor aplicado a través Object.assign