This article was posted first here.
Hey everybody! I’m very excited about posting this cause it’s my first post on my blog!
I'm Joaquin Wojcik, a self-taught developer living in Argentina. I've started to write code at my 8 years old. Since that I've always been searching and learning new things.
As you surely noticed, in this article we’re going to talk about using FontAwesome’s CDN on a Vue.js application.
I’m building a real-time chat in Vue so I decided to add an icon to send some feedback to user about messages status.
Right after the user sends a message, I wanted to display a clock (like WhatsApp) until the API saves it. Something like this:
And then, when the API has saved the message, change it to a check (again, like WhatsApp).
But strange things occurred. The icon doesn't change.
At first I thought I broke some of Vue’s reactivity rules but after reviewing the code and analyzing the behavior I realized that the property was being updated correctly in devtools.
And thats all for now! Thanks for reading!