JSFiddle - React, Tailwind, and code Playground

by Lindow

HTML

<div id="app">
    <p :style="{fontFamily:randomColor()}" style="background:blue;">[% nameAttr() %]</p>
</div>

JavaScript

var color = new Vue({
	el:'#app',
	methods:{
        nameAttr:function(){
          var nom_prenom = 'John Doe';
          return nom_prenom
        },
        randomColor:function(){
            var colors = "calibri";
            return colors
        }
  },
  delimiters: ["[%","%]"]
});