Aurelia ValueConverter - Array Filter by Text Input

arrayFilter.js

export class ArrayFilterValueConverter {
    toView(array, value) {
        var regex = new RegExp(value, 'gi');
        var matcher = (item) =>
            item.utilityName.match(regex);
        return array.filter(
            matcher
        );
    }
}

search.html

    <require from="./arrayFilter"></require>
    <input type="text" placeholder="search somelist name" name="somelist" value.bind="searchValue"/>
    <p>Results</p>
    <div repeat.for="item of somelist | arrayFilter:searchValue">
        <div>
            <a href="#">${item.name}</a>
        </div>
    </div>
</template>

search.js

import {inject} from 'aurelia-framework';
import {SomelistData} from './somelistData';

@inject(UtilityNameData)

export class Search {
    constructor(somelistData) {
        this.data = somelistData;
        this.somelist = [];
        this.searchValue = "";
    }

    activate() {
        return this.data.getAll()
            .then(somelist => {
                this.somelist = somelist;
        });
    }
}