How olefirenko/vue-google-autocomplete works
This is a Vue 2 autocomplete component that turns typed input into Google Places suggestions and emits structured address data when a place is selected. Its principal workflow is component setup, Places selection, address formatting, and event emission. Optional country/type/field restrictions and geolocation biasing or reverse geocoding are also supported. Runtime behavior is concentrated in src/VueGoogleAutocomplete.vue; the excerpt does not expose every setup detail, so uncertain internal wiring is omitted.
Main entry points: VueGoogleAutocomplete.vue Autocomplete Component
Components 15
Vue Input
- Vue Application
- Autocomplete Component
src/VueGoogleAutocomplete.vue - Input Text
src/VueGoogleAutocomplete.vue - Component Events
src/VueGoogleAutocomplete.vue
Places Lookup
- Google Places API
- Places Autocomplete
src/VueGoogleAutocomplete.vue - Place Result
- Search Restrictions
src/VueGoogleAutocomplete.vue
Location and Address
- Browser Geolocation
- Location Bias
src/VueGoogleAutocomplete.vue - Google Geocoder
- Result Type Filter
src/VueGoogleAutocomplete.vue - Address Formatter
src/VueGoogleAutocomplete.vue - Address Data
src/VueGoogleAutocomplete.vue
Other components
- User
Connections 23
- User → Input Text: types into
- Input Text → Autocomplete Component: updates
- Autocomplete Component → Places Autocomplete: creates
- Autocomplete Component → Places Autocomplete: sets fields
- Autocomplete Component → Search Restrictions: configures
- Search Restrictions → Places Autocomplete: sets restrictions
- Places Autocomplete → Google Places API: requests suggestions
- Google Places API → Places Autocomplete: provides suggestions
- Places Autocomplete → Autocomplete Component: provides selection
- Autocomplete Component → Place Result: receives
- Autocomplete Component → Address Formatter: formats selection
- Address Formatter → Address Data: produces
- Autocomplete Component → Component Events: emits address
- Component Events → Vue Application: delivers events
- Autocomplete Component → Location Bias: requests bias
- Location Bias → Browser Geolocation: gets position
- Location Bias → Places Autocomplete: sets bounds
- Autocomplete Component → Browser Geolocation: requests position
- Autocomplete Component → Google Geocoder: geocodes coordinates
- Google Geocoder → Autocomplete Component: returns results
- Autocomplete Component → Result Type Filter: filters results
- Result Type Filter → Address Formatter: provides result
- Autocomplete Component → Vue Application: exposes methods