JSFiddle - React, Tailwind, and code Playground

by Nicholas Bridgemohan

HTML

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

<div id="app">
  <p>{{ title | uppercase | lowercase}}</p>
  <p>{{ message | uppercase}}</p>
</div>

JavaScript

Vue.filter('uppercase',function(value){
	return value.toUpperCase();
});


new Vue({
  el: "#app",
  data: {
    title: 'hello world!',
    message:'something!'
  },
  computed: {
    theTitle: function() {
			return this.title.toUpperCase();
    }
  },
  filters:{
  	lowercase:function(value){
    return value.toLowerCase();
    }
  }

})