JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <h1>{{ message | uppercase }}</h1>
</div>

JavaScript

var vm = new Vue({
	el: '#app',
  data: {
    message: 'hello world!'
  },
  filters: {
  	uppercase: function(value) {
    	if(!value) {
      	return '';
      }
      
    	return value.toString().toUpperCase();
    }
  }
});