Vue.js - Global Custom Filters Loader Library

vuejs-custom-filters-loader.js

// [main.js]

import Vue from 'vue'
import filters from './customFilters'

// Load all custom filters into Vue.js
filters._helper.loadAllCustomFilters(Vue);

// Load specific filter "a la carte"
// Example: below loads "letterspace" only
// Vue.filter('letterspace', filters['letterspace'])

//-------------------------------------------------------------------------

// [customFilters.js]
const filters =  {

    uppercase: (value)=> value.toString().toUpperCase(),
    
    lowercase: (value)=> value.toString().toLowerCase(),
    
    letterspace: (value)=> {
        let str_spaced = '';
        for(let z = 0; z<value.length; z++)
            str_spaced += value[z] + ' '
        return str_spaced.trim()
    },

    _helper: {
        loadAllCustomFilters: (Vue)=>{
            for(let filter in filters){
                Vue.filter(filter, filters[filter])
            }
        }
    }
}

export default filters;