JSFiddle - React, Tailwind, and code Playground

by DiceMasters

HTML

<div id="app">
   
</div>

CSS

.block {
   width: 20px;
   height: 20px;
   background-color: black;
}

.grass {
   background-color: green;
}

JavaScript

new Vue({
	el: '#app',
   data: {
      terain: {
         A: [1, 1, 1, 1, 1],
         B: [1, 1, 1, 1, 1],
         C: [1, 1, 1, 1, 1],
         D: [1, 1, 1, 1, 1],
         E: [1, 1, 1, 1, 1]
      }
   },
   mounted() {
   	
   }
})

Vue.component('block', {
	data: () => {
   	{ count: 0 }
   },
   template: '<div :class="block"></div>'
})