2.0 Roadmap

Opening this issue as a stub and RFC (request for comments)

Project board:

https://github.com/darrenjennings/vue-autosuggest/projects/3

Branch:

https://github.com/darrenjennings/vue-autosuggest/tree/2.0

Try it out!

If you’re feeling risky, In your package.json add “beta” as the version and it will pull the latest 2.0:

"vue-autosuggest": "beta"

Codesandbox Demos:

• https://codesandbox.io/s/7z7p8mx2y1
• With Algolia instantsearch: https://codesandbox.io/s/2vr87nyvkp

Features:

• new feature: v-model to address #52
• remove event props (onBlur, onClick onFocus, onSelected) and thus deprecation code
• Perf benefits: remove watcher, use computed for sections, section lists, size etc.
• feat(input) type should be configurable on the <input> element
• refactor(slots) rename header/footer slots to before/after-suggestions
• feat(slots) add section before/after slots

Did not do:

• ~integrate with https://github.com/Akryum/vue-virtual-scroller~
  • was not straightforward and not a huge need for now. always interested to see if this can be accomplished at some point in the future 🤔
• ~feat(input) add 👻 ghost input typeahead option~
  • added “before input” slot + v-model and will explore ghost input in the future in userland
• ~Figure out way to get test coverage to 100%~
  • increased test coverage from ~80% to ~86% but not getting to 100% at the moment. Code coverage is close to 97% locally vs. 86% on Travis-CI so not sure what’s up.
• ~New vuepress docs~
  • should be easy to do, but not a blocker for the release.

[wujekbogdan]

@darrenjennings

I have some proposals for v 2.x

• Add more slots, especially for showing messages: https://github.com/darrenjennings/vue-autosuggest/issues/99
• Make it easier to style the list depending on the number of results: https://github.com/darrenjennings/vue-autosuggest/issues/98
• Make the autosuggest__ CSS prefix configurable: https://github.com/darrenjennings/vue-autosuggest/issues/97
• Improve the BEM compatibility: https://github.com/darrenjennings/vue-autosuggest/issues/96

---

(…) but vue-autosuggest will probably not try to become vue-multiselect which has very specific multiselect capabilities.

vue-multiselect is great, but it has its own gotchas. Multiple selection feature makes it much more complex, harder to manage and style. The worst thing about vue-multiselect is that it uses weird hacks to emulate the input field with multiple values - for example they use a hidden input that becames visible on focus, use <span> to emulate the placeholder, etc. Re-styling vue-multiselect is not a trivial task.

[darrenjennings]

Closed by 2.0.0