Missing reactivity

[alexander-feil]

Hey,

I have a use case, where I would want to set the default value in the mounted() method.
If I try this with the Demo, the input field stays empty.

I think it should be possible...
What do you think?

Bye

[lino]

Could you please submit the code you're trying to use? Setting the default value in mount() has some implications in vue.js.

[Kocal]

Hum, thanks for bumping the issue, I totally forgot about this one. 😅

I think it's because the prop input (<vuetify-algolia-places v-model="place"> or <vuetify-algolia-places :input="place"> is only read when building component's data:

vuetify-algolia-places/src/VuetifyAlgoliaPlaces.vue

Lines 76 to 90 in 4291ef0

	data() {
	// The initial value can be a string or an object
	// eslint-disable-next-line no-nested-ternary
	const initialValue = this.value ? (typeof this.value === 'string' ? this.value : this.value.value) : null;
	const initialPlace = { value: initialValue };
	return {
	loading: false,
	query: initialValue,
	place: initialPlace,
	places: initialValue ? [initialPlace] : [],
	filter() {
	return true; // display all items, Algolia Places is already doing the work
	},
	};

Maybe if we add a watcher on input props like we did for query data, it may probably works:

vuetify-algolia-places/src/VuetifyAlgoliaPlaces.vue

Lines 124 to 128 in 4291ef0

	query(val) {
	if (val) {
	this.searchPlaces();
	}
	},