Package Exports

vue3-google-address-autocomplete
vue3-google-address-autocomplete/dist/vue3-google-address-autocomplete.es.js
vue3-google-address-autocomplete/dist/vue3-google-address-autocomplete.umd.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue3-google-address-autocomplete) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue3-google-address-autocomplete

This project provides a Vue 3 component that uses Google's Places API for address autocomplete functionality.

Prerequisites

Before you begin, you will need a Google Maps API key from Google Cloud Platform Console. You'll also need to enable the Maps JavaScript API and the Places API.

Installation

To install this component in your project, use npm or yarn:

npm install vue3-google-address-autocomplete
# or
yarn add vue3-google-address-autocomplete

Usage

Import and register the component:

<template>
  <GoogleAddressAutocomplete 
    apiKey="your_google_api_key"
    v-model="address"
    @callback="callbackFunction"    
    class="css-class-here"
    placeholder="placeholder if you wish"
  />
</template>

<script setup lang="ts">
import { ref } from 'vue';
import GoogleAddressAutocomplete from 'vue3-google-address-autocomplete'

const address = ref('');

const callbackFunction(place) {
   console.log(place);
}
</script>

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License - see the LICENSE.md file for details