Skip to content

vue/no-multiple-objects-in-class

disallow passing multiple objects in an 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