JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<div id="myApp">
  <h1>Le prix est de : {{ price | currency }}</h1>
  <h1>TVA : {{ tva | currency }}</h1>
  <h1>TOTAL : <b>{{ price | currency }} + {{ tva | currency }}</b></h1>
</div>

CSS

* { font-size: 1.4rem }

JavaScript

new Vue({
  el: '#myApp',
  data: {
    price : 10.5,
    tva : 2.1,
    total : 12.6
  },
  filters : {
  	currency : function(p) {
    	return p.toFixed(2) + ' €';
    }
  }
});