Vue js filter to use with select options

example.html

//js
users = [
    { name:'foo', id:1 },
    { name:'bar', id:2 },
    { name:'baz', id:3 }
];

//html
<select
  v-model="user.id"
  options="users | toSelect 'name' 'id'">
</select>

//outputs
<select>
    <option value="1">foo</option>
    <option value="2">bar</option>
    <option value="3">baz</option>
</select>

to_select.js

'use strict';

/**
 *
 * @param collection to map
 * @param text index of visible text from
 * @param value index of value
 * @returns array
 */
var toSelect = function(collection, text, value){

    return collection.map(function(e){
        return {
            text: e[text],
            value:e[value]
        }
    })

};

require('vue').filter('toSelect', toSelect);