JSFiddle - React, Tailwind, and code Playground

by oktaviardi pratama

HTML

<template v-if="showingCoolingDownAlerts">
   <alert-information class-name="alert-warning" :text="textCoolingDown"></alert-information>
 </template>
 <template v-if="showingWarmingUpAlerts">
   <alert-information class-name="alert-warning" :text="textWarmUp"></alert-information>
 </template>
 <template v-if="!isLinkedinCookiesExist">
   <alert-information class-name="alert-danger" text="You are not connected to LinkedIn, please log in to adjust your daily activity limits."></alert-information>
 </template>

JavaScript

isWarmingUpState() {
    if (this.getReasonCode >= 2) return true
    return false
  },
  isCoolingDownState() {
    if (this.getReasonCode < 2) return true
    return false
  },