<script>
    export default {
        props: ['value', 'city'],
        template: '<input type="text" \
            id="address-autocomplete"\
            ref="input" \
            v-bind:value="value" \
            v-on:input="$emit(\'input\', $event.target.value)"/>',

        mounted: function () {
            ymaps.ready(this.init);
        },

        methods: {
            init(){
                let _this = this,
                    suggestView = new ymaps.SuggestView('address-autocomplete', {
                    provider: {
                        suggest:(function(request, options){
                            return ymaps.suggest(_this.city+", " + request);
                        })}
                });

                suggestView.events.add(["select"], function (event) {

                    let address = event.get('item').value,
                        pattern = new RegExp('^.+'+_this.city+', ');

                    _this.$emit('input', address.replace(pattern, ''));
                })
            }
        }
    }
</script>