Hello @fareez-ahamed and Thank you for the excellent tutorial,

Im trying to implement your Typeahead component but instead of searching only an array of strings, an array of Objects like.

"subscribers": [
    {
      "id": 2,
      "firstname": "user1",
      "lastname": "user1",
      "email": "[email protected]",
    },
  {
      "id": 3,
      "firstname": "user2",
      "lastname": "user2",
      "email": "[email protected]",
    }
  ]

And when an option is Clicked to set the email as the chosen field.

Ive read this Forum Thread but it seems filters arent available in vue 2.0 so I would need it to make it with Computed properties.

Please Give me an Advice because when
passing the object through Matches:
str isnt a string anymore it will become an array of strings.
so doesnt work anymore.

matches:function() {
        return this.suggestions.filter(function(str) {
            return str.indexOf(this.selection) >= 0;
        });
        },

I think that implementation would be very usefull to everybody 😄

Thanks for posting this!

I've been tinkering around with it a bit and I noticed if I type the first letter of a word in the suggestions array I get a suggestion (or more if there are more matches); however if I type more than that the suggestions stop appearing. So for instance if I type K I see "Kolkata" but if I type anything from Ko to Kolkata I see no results.

If I type a segment of the word and omit the first letter, it appears to always work. So for example, if I type anything from o to olkata I get a suggestion.