add filter prop allowing full customization of filtering

src/components/Select.vue

@@ -499,6 +499,19 @@
         }
       },
 
+      filter: {
+        "type": Function,
+        default(vm) {
+          return vm.mutableOptions.filter((option) => {
+            let label = vm.getOptionLabel(option)
+            if (typeof label === 'number') {
+              label = label.toString()
+            }
+            return this.filterFunction(option, label, vm.search)
+          });
+        }
+      },
+
       /**
        * An optional callback function that is called each time the selected
        * value(s) change. When integrating with Vuex, use this callback to trigger
@@ -916,14 +929,8 @@
        * @return {array}
        */
       filteredOptions() {
-        let options = this.mutableOptions.filter((option) => {
-          let label = this.getOptionLabel(option)
-          if (typeof label === 'number') {
-            label = label.toString()
-          }
-          return this.filterFunction(option, label, this.search)
-        })
-        if (this.taggable && this.search.length && !this.optionExists(this.search)) {
+        let options = this.search.length ? this.filter(this) : this.mutableOptions;
+        if (this.taggable && !this.optionExists(this.search)) {
           options.unshift(this.search)
         }
         return options

src/dev.js

@@ -1,8 +1,10 @@
 import Vue from 'vue'
+import Fuse from 'fuse.js'
+import resource from 'vue-resource'
 import vSelect from './components/Select.vue'
 import countries from 'docs/data/advanced.js'
 import debounce from 'lodash/debounce'
-import resource from 'vue-resource'
+import fuseSearchOptions from './fuseSearchOptions'
 
 Vue.use(resource)
 
@@ -17,18 +19,24 @@ new Vue({
     placeholder: "placeholder",
     value: null,
     options: countries,
-    ajaxRes: []
+    ajaxRes: [],
+    fuseSearchOptions
   },
   methods: {
     search(search, loading) {
-      loading(true)
+      loading(true);
       this.getRepositories(search, loading, this)
     },
     getRepositories: debounce((search, loading, vm) => {
       vm.$http.get(`https://api.github.com/search/repositories?q=${search}`).then(res => {
-        vm.ajaxRes = res.data.items
+        vm.ajaxRes = res.data.items;
         loading(false)
       })
-    }, 250)
+    }, 250),
+    fuse({mutableOptions, search}) {
+      return new Fuse(mutableOptions, {
+        keys: ['title', 'author.firstName', 'author.lastName'],
+      }).search(search);
+    }
   }
-})
+});

src/fuseSearchOptions.js

@@ -0,0 +1,163 @@
+export default [
+  {
+    title: "Old Man's War",
+    author: {
+      firstName: "John",
+      lastName: "Scalzi"
+    }
+  },
+  {
+    title: "The Lock Artist",
+    author: {
+      firstName: "Steve",
+      lastName: "Hamilton"
+    }
+  },
+  {
+    title: "HTML5",
+    author: {
+      firstName: "Remy",
+      lastName: "Sharp"
+    }
+  },
+  {
+    title: "Right Ho Jeeves",
+    author: {
+      firstName: "P.D",
+      lastName: "Woodhouse"
+    }
+  },
+  {
+    title: "The Code of the Wooster",
+    author: {
+      firstName: "P.D",
+      lastName: "Woodhouse"
+    }
+  },
+  {
+    title: "Thank You Jeeves",
+    author: {
+      firstName: "P.D",
+      lastName: "Woodhouse"
+    }
+  },
+  {
+    title: "The DaVinci Code",
+    author: {
+      firstName: "Dan",
+      lastName: "Brown"
+    }
+  },
+  {
+    title: "Angels & Demons",
+    author: {
+      firstName: "Dan",
+      lastName: "Brown"
+    }
+  },
+  {
+    title: "The Silmarillion",
+    author: {
+      firstName: "J.R.R",
+      lastName: "Tolkien"
+    }
+  },
+  {
+    title: "Syrup",
+    author: {
+      firstName: "Max",
+      lastName: "Barry"
+    }
+  },
+  {
+    title: "The Lost Symbol",
+    author: {
+      firstName: "Dan",
+      lastName: "Brown"
+    }
+  },
+  {
+    title: "The Book of Lies",
+    author: {
+      firstName: "Brad",
+      lastName: "Meltzer"
+    }
+  },
+  {
+    title: "Lamb",
+    author: {
+      firstName: "Christopher",
+      lastName: "Moore"
+    }
+  },
+  {
+    title: "Fool",
+    author: {
+      firstName: "Christopher",
+      lastName: "Moore"
+    }
+  },
+  {
+    title: "Incompetence",
+    author: {
+      firstName: "Rob",
+      lastName: "Grant"
+    }
+  },
+  {
+    title: "Fat",
+    author: {
+      firstName: "Rob",
+      lastName: "Grant"
+    }
+  },
+  {
+    title: "Colony",
+    author: {
+      firstName: "Rob",
+      lastName: "Grant"
+    }
+  },
+  {
+    title: "Backwards, Red Dwarf",
+    author: {
+      firstName: "Rob",
+      lastName: "Grant"
+    }
+  },
+  {
+    title: "The Grand Design",
+    author: {
+      firstName: "Stephen",
+      lastName: "Hawking"
+    }
+  },
+  {
+    title: "The Book of Samson",
+    author: {
+      firstName: "David",
+      lastName: "Maine"
+    }
+  },
+  {
+    title: "The Preservationist",
+    author: {
+      firstName: "David",
+      lastName: "Maine"
+    }
+  },
+  {
+    title: "Fallen",
+    author: {
+      firstName: "David",
+      lastName: "Maine"
+    }
+  },
+  {
+    title: "Monster 1959",
+    author: {
+      firstName: "David",
+      lastName: "Maine"
+    }
+  }
+]