Vue3 Google Places Autocomplete Widget

This is simple google places autocomplete address widget for your use in Vu3 applications. This is basically style-less component so you can provide styling/classes as per your need.

!Demo GIF

Installation

``
npm install vue3-google-autocomplete
`
or

`
yarn add vue3-google-autocomplete
`

Usage

Here is the example on how to use it inside your Vue component.

`Javascript




`
Here on @set event you can get your google places api payload
`Javascript

`

By default you will get payload like this.

Eg.

`Javascript
{
"name": "The White House",
"city": "Washington",
"state": "District of Columbia",
"country": "United States",
"latitude": 38.8976763,
"longitude": -77.0365298
}
`

There is one prop isFullPayload which is false by default but if you pass isFullPayload: true as shown below you will get full (default) google places api payload.

Eg.

`Javascript

``

Contribution

Suggestions and pull requests are welcome after discussing the issue