Rule proposal: `prefer-classlist-toggle`

[dangowans]

Description

This rule would simplify adding or removing a class based on a condition.

Examples

// ❌
if (condition) {
  element.classList.add('success');
} else {
  element.classList.remove('success');
}

// ✅
element.classList.toggle('success', condition);

// ❌
if (condition) {
  element.classList.remove('success');
} else {
  element.classList.add('success');
}

// ✅
// remove() is first, so negate the condition
element.classList.toggle('success', !(condition));

Proposed rule name

prefer-classlist-toggle

Additional Info

Very much in the same vein as the prefer-ternary rule.