some filter

by simati

HTML

<div id="app">
<div v-for="folder in folders">{{ folder.name | cutter}}</div>
</div>

JavaScript

Vue.filter('cutter', function (values) {
	var sliced = values.trim().split(' ')
  var e='', i=0
  for (i;i<sliced.length;i++) {
  	if (sliced.length<values.length) {
  		e += sliced[i][0].toUpperCase();
		}
  }
	return e
});

new Vue({
	el: '#app',
    data: {
    	folders: [
        {
          id: "",
          name: "Last 10",
          createTime: "14:20",
          createDate: "20.10.2017"
        },
        {
          id: "",
          name: "Fork Template 9",
          createTime: "14:20",
          createDate: "20.9.2017"
        },
        {
          id: "",
          name: "Fork Template 11",
          createTime: "14:20",
          createDate: "20.11.2017"
        }
      ]
    }
});