vue/no-multiple-objects-in-class

disallow to pass multiple objects into array to class

📖 Rule Details

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>

Now loading...

🔧 Options

Nothing.

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation

• Rule source (opens new window)
• Test source (opens new window)