JSFiddle - React, Tailwind, and code Playground

by evzens

HTML

<script src="https://npmcdn.com/vue/dist/vue.js"></script>
<div id="app">
  <p>
  {{ message | uppercase(true) }}
  </p>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
    message: 'zprava'
  },
  filters: {
  	uppercase: function(value, onlyFirstCharacter) {
    	if (!value) {
      return '';
      }
      value = value.toString();
      if (onlyFirstCharacter ) {
      		return value.charAt(0).toUpperCase() + value.slice(1);
      } else {
      	return value.toUpperCase();
      }
    	
    } 
  }
});