【vue-instantsearch】What is the difference between ais-search-box and ais-autocomplete?

When using InstantSearch in Vue, which of the above should I use for the input box for search?

Can I use both together?

Is it correct to think of ais-autocomplete as upward compatible and only use this component if I want to use the autocomlete function?

That is correct. ais-search-box is the input text area for an InstantSearch experience. It’s possible to layer in an autocomplete experience on top of InstantSearch but not necessary. I don’t think there is a Vue specific guide to this, but here’s the general pattern in pure JavaScript: