Guide on transforming the bars icon in the navbar to a cross (xmark) in responsive view with Font Awesome in VueJS

Looking to swap out the 'bars' icon in the navbar for an 'xmark' icon upon clicking, without resorting to triple