How to make a search component on Vue?

Question

Vue.js

At the moment I have a search method in the component

В templatesList у меня хранится список пользователей
data() {
    return {
      templatesList: this.$store.getters.templatesList,
    };
  },
//метод поиска
search(searchValue) {
      if (searchValue.length > 0) {
        this.templatesList = this.templatesList.filter(item => item.name.indexOf(this.searchValue) !== -1);
      } else {
        this.templatesList = this.$store.getters.templatesList;
      }
      return this.templatesList;
    },

But the search will be used in another component, in data there will be another array with data. How to make search a universal component?

Answer 1

Pass an array as a prop