🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
DemoInstallSign in
Socket
DemoInstallSign in

vue3-google-autocomplete

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-google-autocomplete - npm Package Compare versions

Comparing version

0.0.4
to
0.0.5

LICENSE

5

dist/components/GoogleAutocomplete.vue.d.ts

@@ -22,3 +22,6 @@ declare const _default: import("vue").DefineComponent<{

};
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "set")[], "update:modelValue" | "set", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
"update:modelValue": (...args: any[]) => void;
set: (...args: any[]) => void;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {

@@ -25,0 +28,0 @@ type: StringConstructor;

2

package.json

@@ -5,3 +5,3 @@ {

"description": "Vue3 component to get organized payload of Place name, city, state, country and lat-long",
"version": "0.0.4",
"version": "0.0.5",
"type": "module",

@@ -8,0 +8,0 @@ "author": "Aman Upadhyay",

89

README.md

@@ -7,7 +7,2 @@ # Vue3 Google Places Autocomplete Widget

## Prerequisites
* Node.js (@16.13.0 or later)
* NPM (@6.13.7 X or later)
## Installation

@@ -41,6 +36,5 @@

</script>
```
Beside this we have one `@set` event on which you can get your google places api payload and with v-model you will get place name so it will be easier for you to integrate this inside your form for address purpose
Here on `@set` event you can get your google places api payload
```Javascript

@@ -71,3 +65,3 @@ <template>

There is one prop option `isFullPayload` which is `false` by default but if you pass `isFullPayload: true` prop to `GoogleAutocomplete` component then you will get whole google places api payload.
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.

@@ -86,82 +80,5 @@ Eg.

```
In this case payload will look like this.
```Javascript
{
"address_components": [
{
"long_name": "1600",
"short_name": "1600",
"types": [
"street_number"
]
},
{
"long_name": "Pennsylvania Avenue Northwest",
"short_name": "Pennsylvania Avenue NW",
"types": [
"route"
]
},
{
"long_name": "Northwest Washington",
"short_name": "Northwest Washington",
"types": [
"neighborhood",
"political"
]
},
{
"long_name": "Washington",
"short_name": "Washington",
"types": [
"locality",
"political"
]
},
{
"long_name": "District of Columbia",
"short_name": "DC",
"types": [
"administrative_area_level_1",
"political"
]
},
{
"long_name": "United States",
"short_name": "US",
"types": [
"country",
"political"
]
},
{
"long_name": "20500",
"short_name": "20500",
"types": [
"postal_code"
]
}
],
"formatted_address": "1600 Pennsylvania Avenue NW, Washington, DC 20500, USA",
"geometry": {
"location": {
"lat": 38.8976763,
"lng": -77.0365298
},
"viewport": {
"south": 38.89639945,
"west": -77.0379004802915,
"north": 38.90150685,
"east": -77.03520251970849
}
},
"name": "The White House",
"html_attributions": []
}
```
## Contribution
Suggestions and pull requests are welcome after discussing the issue