JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
<div id="app">
  {{ fun1() || fun2() }}
  <div :class="{ class1: fun1() || fun2() }">Text text text</div>
</div>

CSS

.class1 {
  color: green;
}

JavaScript

Vue.createApp({
  methods: {
    fun1 () {
      return true
    },
    
    fun2 () {
      console.log('I should not be called')
      throw new Error('Exploded!')
    }
  }
}).mount('#app')