Abort-like mechanism for multiple pending requests

[niksy]

{
	data() {
		return {
			queryStack: 0
		}
	},
	async getData (query) {
		const { onQueryInput, queryStack } = this.get();
		const newQueryStack = queryStack + 1;
		this.set({ queryStack: newQueryStack });
		const prevQueryStack = newQueryStack;
		this.set({
		  loading: true
		});
		const results = await onQueryInput(query);
		const currentQueryStack = this.get().queryStack;
		if ( prevQueryStack !== currentQueryStack ) {
			return;
		}
		this.set({ queryStack: 0 });
		// Do it
	}
}

---

{
	getData: function getData(query) {
		var _this2 = this;

		console.log('hello');

		var _this$get8 = this.get(),
			onQueryInput = _this$get8.onQueryInput,
			queryStack = _this$get8.queryStack;
		var newQueryStack = queryStack + 1;
		var prevQueryStack = newQueryStack;
		this.set({
			queryStack: newQueryStack,
			loading: true
		});
		onQueryInput(query).then(function(results) {
			var currentQueryStack = _this2.get().queryStack;
			console.log(currentQueryStack, prevQueryStack);
			if (prevQueryStack !== currentQueryStack) {
				return;
			}
			_this2.set({
				queryStack: 0,
				loading: false,
				position: null,
				isOpened: results.length !== 0,
				results: results.map(function(result) {
					return _extends({}, result, {
						active: false
					});
				})
			});

			return results;
		});
	}
}