[Vuejs]-VueJS 3 custom Checkbox not changing UI when clicked

So found the answer to this problem here

For some reason the font-awesome classes are not reactive hence ignore the vue directive to conditional render the html. Find the answer (basically wrap the <i> tag within a <span> tag) on the link.