JSFiddle - React, Tailwind, and code Playground

HTML

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

<div id="app">
  <div v-bind:style="[styles, moreStyles, total >= 5 ? fontSize: '1.8rem' : '']"></div>
</div>

JavaScript

new Vue({
	el: '#app',
  data: {
  	moreStyles: {
    	'border-radius': '10px'
    },
    total: 6
  },
  computed: {
  	styles: function() {
    	var height = 200;
    
    	return {
  	  	'background-color': 'blue',
	      width: (height / 2) + 'px',
      	height: height + 'px'
    	};
    }
  }
});