vue-google-places/src/mixin.js

Vue Google Places Autocomplete

import VueGooglePlaces from './VueGooglePlaces'

export default {
  props: {
    value: String,
  },
  data () {
    return {
      val: this.value,
      place: null
    }
  },
  watch: {
    value (value) {
      this.val = value
    }
  },
  render (h) {
    return h(VueGooglePlaces, {
      ref: 'gp',
      attrs: this.$attrs,
      on: {
        ...this.$listeners,
        placechanged: (place) => {
          this.place = place
          this.$emit('placechanged', place)
        },
        input: (value) => {
          this.val = value
          this.$emit('input', value)
        }
      }
    }, [
      this.renderInput()
    ])
  }
}