Digamos que tengo una función, verificador, en el front-end que funciona cada 10 segundos.
async check() { this.globalLoader = true const result = await finalizePayment({ id: this.id ? this.id : undefined, paymentId: this.paymentId ? this.paymentId : undefined, token: localStorage.getItem('token'), }) this.globalLoader = falseEsta función devuelve el estado de la transacción y, si está lista, implemento mi código de Google Analytics:
if (result.status === 'done') { ... } Pero hay un problema, necesito implementar este código GA solo una vez , cuando se realiza la transacción. Si el usuario vuelve a cargar la página, esta función check() devolverá result.status === 'done' y mi código GA se ejecutará nuevamente, pero no lo necesito nuevamente, porque ya hice un registro GA sobre la transacción.
Entonces, ¿cómo puedo hacerlo? Estaba pensando en el valor de almacenamiento local, pero ¿qué localStorage si el usuario elimina este valor del almacenamiento local?
Si desea una alternativa a localStorage, le sugiero que opte por vue-persist