Custom filters for Vuejs 2

app.js

// For add to vuejs
import {truncate,padZeros} from './customFilters';

Vue.filter('truncate', truncate);
Vue.filter('padZeros', padZeros);

customFilters.js

/**
 * Created by emmanuel <emmanuelbarturen@gmail.com> on 26/07/18.
 * @return {string}
 */
const truncate = function (value, limit) {
    if (value.length > limit) {
        return value.substring(0, limit) + '...';
    }
    return value;
};
export {truncate};

const padZeros = function (value, size) {
    let s = value + "";
    while (s.length < size) s = "0" + s;
    return s;
};
export {padZeros};

examples.vue

// Truncate

{{'associative'|truncate(3)}} // result: ass...

// padZeros
<select class="form-control">
  <option v-for="month in 12" :value="month">{{month|padZeros(2)}}</option> // Result: 01,02,03,04,05,06,07,08,09,10,11,12
</select>