JSFiddle - React, Tailwind, and code Playground

by Bo Andersen

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();
    }
  }
});