JSFiddle - React, Tailwind, and code Playground

by imys

HTML

<script src="https://unpkg.com/[email protected]/lib/index.js"></script>
<div id="app">
  <test></test>
</div>

SCSS

@import url(https://unpkg.com/[email protected]/lib/theme-default/index.css);

JavaScript

new Vue({
	el: '#app',
  components: {
  	test: {
    	template: `<div style="width:500px;height: 500px;" v-loading="loading">loading test</div>`,
      data() {
      	return {
        	loading: false
        }
      },
      created() {
      	this.loading = true
        setTimeout(() => {
        	this.loading = false
        })
      }
    }
  }
})