OpenLayers with VueJS - empty div in place of map

Question

I\'m trying to implement a simple world map in a Vue application. I have created a MapContainer component that is then imported into my main app. Below is the code for MapCo