JSFiddle - React, Tailwind, and code Playground

by Yure Pereira

HTML

<div id="app">
  
  <ul v-for="linguage in linguages">
    <li>{{ linguage | uppercase | truncate(2) }}</li>
  </ul>
  
</div>

JavaScript

var app = new Vue({
	el: '#app',
  data: {
  	linguages: [
			'php',
      'java'
    ]
  },
  filters: {
  	uppercase: function(str) {
    	return str.toUpperCase();
    },
    truncate: function(str, lenght) {
    	return str.substring(0, lenght);
    }
  }
});