vue style

#1

by SUNG BIN CHO

HTML

<div id="app">
  <textarea v-model="memeText" :class="{ warn: longText }" :maxlength="limit">
  </textarea>
  {{memeText.length}}
</div>

CSS

.warn{
  background-color: mistyrose
}

JavaScript

new Vue({
	el:'#app',
  data:{
  	memeText: 'What if I told you ' + 'CSS can do that',
    limit: 50
  },
  computed: {
  	longText() {
    	if(this.limit - this.memeText.length <= 10){
      	return true;
      } else {
      	return false;
      }
    }
  }
})