<div id="app">
  <p :class="{ active: isActive, 'text-danger': hasError }">
    Status message
  </p>
  <button @click="isActive = !isActive">Toggle Active</button>
  <button @click="hasError = !hasError">Toggle Error</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
  const app = Vue.createApp({
    data() {
      return {
        isActive: true,
        hasError: false
      }
    }
  })
  app.mount('#app')
</script>