trevoreyre / autocomplete

Accessible autocomplete component for vanilla JavaScript and Vue.
https://autocomplete.trevoreyre.com
MIT License
434 stars 75 forks source link

Emit valid event from Vue component when user updates input #171

Open evanwills opened 9 months ago

evanwills commented 9 months ago

We need to show an error message if the user has not made a selection or the input returned an empty search.

This change adds an extra matchCount property to the autocompleteCore class which stores the number of items matched by the input

matchCount is set to one when the user makes a selection using a valid option.

The vue component, in turn emits a 'valid' event that contains an object with two properties:

The valid is emitted on every key stroke, submit & change and can be used by the client code to show/hide error messages.