Cannot read property 'Autocomplete' of undefined

[vincentbryanc]

There's an error when I use the GMapAutocomplete component.
It returns Cannot read property 'Autocomplete' of undefined.
How to solve this?

[fawmi]

@vincentbryanc
Can you please provide an example on codesandbox or somewhere else?
If you need n starting point, here is a link to a sandbox with the components setup.

https://codesandbox.io/s/vue-3-google-maps-ygpr4?file=/src/components/Map.vue:436-438

[vincentbryanc]

It will look something like this. Did I forgot something in here or is this a bug?

[vincentbryanc]

Here's the codesandbox link https://codesandbox.io/s/vue-3-google-maps-forked-p9uf5?file=/src/components/Map.vue

[vincentbryanc]

@fawmi Do you have any solution/s for this?

[fawmi]

@vincentbryanc
Before using the Autocomplete component, you should load the places library.
You can easily load this using the libraries option in the plugin configuration.

 .use(VueGoogleMaps, {
    load: {
      key: "",
      libraries: "places"
    }
  })

https://vue-map.netlify.app/components/autocomplete.html#load-google-maps-places