no-multiple-objects-in-class.md

Pattern: Passing multiple objects into array to class

Issue: -

Description

This rule disallows to pass multiple objects into array to class.

<template>
  <div>
    <!-- ✓ GOOD -->
    <div :class="[{'foo': isFoo, 'bar': isBar}]" />

    <!-- ✗ BAD -->
    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
  </div>
</template>

Further Reading

• eslint-plugin-vue - no-multiple-objects-in-class