Using PlaceIDs for setting markers (NuxtJS)

[valeriosillari]

I tried to play for small side project with vue and google map in NUXT.
I want to set a custom map in my page with a collection of my favorite bars in a city (i.e: Berlin).

I set a map with a couple of markers using the documentation.
The markers are set now via position (lat and lng), but they are not in the right place. I mean, they are almost in right place, but just the position seems not enough and also they does not "recognize" there is a Bar at that position.

Then I discover Places ID, and the bars I want to track they are having already an ID. Perfect I would say.

So I want to remove lang and lng and using a Place ID instead.

I set a basic codepen using plain JS and the Goggle map logic following documentation.
Here the link, it should be also my final gol with Vue + Nuxt
https://codepen.io/stellavalerio/pen/JOOMxE?editors=0010

But now ... not sure how to do it with the plugin, even with Nuxt.
The documentation is not clear to me.

Anyone has some suggestions, snippets or info to share?

My project is https://github.com/valeriosillari/vue-nuxt-test :)