Mapbox Geocoder with bootstrap-vue input box - custom search box for mapbox

Question

How do I use bootstrap with Mapbox gl Geocoder ? I am using bootstrap-vue but I am unable to make the Geocoder work on the input element. Here is my code:

<