From 4407fe8b86fc34c0bff414eb3c9fc2a92b05cbf9 Mon Sep 17 00:00:00 2001
From: Junaid Ahmed <12216819+junaidkbr@users.noreply.github.com>
Date: Mon, 25 Mar 2024 03:46:14 +0500
Subject: [PATCH] Use the correct class variable based on the context

---
 src/guide/essentials/class-and-style.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/guide/essentials/class-and-style.md b/src/guide/essentials/class-and-style.md
index 6808b1cd58..e5fe8bd932 100644
--- a/src/guide/essentials/class-and-style.md
+++ b/src/guide/essentials/class-and-style.md
@@ -189,7 +189,7 @@ This will always apply `errorClass`, but `activeClass` will only be applied when
 However, this can be a bit verbose if you have multiple conditional classes. That's why it's also possible to use the object syntax inside the array syntax:
 
 ```vue-html
-<div :class="[{ active: isActive }, errorClass]"></div>
+<div :class="[{ activeClass: isActive }, errorClass]"></div>
 ```
 
 ### With Components {#with-components}