Vue SearchSelect Component (with scoped slots)

search-select.js

Vue.component('search-select', {
    props: [
        'options',
        'filterMethod'
    ],

    data () {
        return {
            query: ''
        }
    },

    computed: {
        results () {
            return this.filterMethod(this.options, this.query)
        }
    },

    methods: {
        setQuery (event) {
            this.query = event.target.value
        }
    },

    render () {
        return this.$scopedSlots.default({
            results: this.results,
            searchList: (event) => {
                this.setQuery(event)
            }
        })
    }
})