https://github.com/Gomah/vue-places

Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.
https://github.com/Gomah/vue-places

algolia autocomplete input places vue vuejs vuejs2

Last synced: about 1 month ago
JSON representation

Places component is based on places.js for Vue 2.x. Turn any <input> into an address autocomplete.

• Host: GitHub
• URL: https://github.com/Gomah/vue-places
• Owner: Gomah
• License: mit
• Created: 2017-01-14T14:09:24.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T10:13:20.000Z (about 2 years ago)
• Last Synced: 2024-05-02T03:21:40.303Z (8 months ago)
• Topics: algolia, autocomplete, input, places, vue, vuejs, vuejs2
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/vue-places
• Size: 3.49 MB
• Stars: 109
• Watchers: 3
• Forks: 7
• Open Issues: 38
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-places

Places component is based on [places.js](https://github.com/algolia/places) for Vue 2.x.

> Turn any  into an address autocomplete

[![circle-ci][circle-src]][circle-href]

[![npm version][npm-version-src]][npm-version-href]

[![Dependencies][david-dm-src]][david-dm-href]

[![npm downloads][npm-downloads-src]][npm-downloads-href]

[![code style: prettier](https://img.shields.io/badge/code_style-airbnb/prettier-FF5A5F.svg?style=flat-square)](https://github.com/airbnb/javascript)

[![License: MIT](https://img.shields.io/badge/License-MIT-black.svg?style=flat-square)](https://opensource.org/licenses/MIT)

---

## Installation

```bash

# yarn

$ yarn add vue-places

# npm

$ npm install vue-places --save

```

## Example

```vue

   { form.country.data = val }"

    :options="options">

  

import Places from 'vue-places';

export default {

  data() {

    return {

      options: {

        appId: <YOUR_PLACES_APP_ID>,

        apiKey: <YOUR_PLACES_API_KEY>,

        countries: ['US'],

      },

      form: {

        country: {

          label: null,

          data: {},

        },

      },

    };

  },

  components: {

    Places,

  },

}

```

---

[Algolia Places Documentation](https://community.algolia.com/places/documentation.html#options)

[npm-version-src]: https://img.shields.io/npm/dt/vue-places.svg?style=flat-square

[npm-version-href]: https://npmjs.com/package/vue-places

[circle-src]: https://circleci.com/gh/Gomah/vue-places.svg?style=shield

[circle-href]: https://circleci.com/gh/Gomah/vue-places

[npm-downloads-src]: https://img.shields.io/npm/v/vue-places/latest.svg?style=flat-square

[npm-downloads-href]: https://npmjs.com/package/vue-places

[david-dm-src]: https://david-dm.org/gomah/vue-places/status.svg?style=flat-square

[david-dm-href]: https://david-dm.org/gomah/vue-places