From a94ab88179d5e6f2aada28a5cd1ebfe88f520ae3 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 13:32:38 +0900
Subject: [PATCH 1/8] feat: Add

---
 docs/rules/no-multiple-object-in-class.md      | 0
 lib/rules/no-multiple-object-in-class.js       | 0
 tests/lib/rules/no-multiple-object-in-class.js | 0
 3 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 docs/rules/no-multiple-object-in-class.md
 create mode 100644 lib/rules/no-multiple-object-in-class.js
 create mode 100644 tests/lib/rules/no-multiple-object-in-class.js

diff --git a/docs/rules/no-multiple-object-in-class.md b/docs/rules/no-multiple-object-in-class.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/lib/rules/no-multiple-object-in-class.js b/lib/rules/no-multiple-object-in-class.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/tests/lib/rules/no-multiple-object-in-class.js b/tests/lib/rules/no-multiple-object-in-class.js
new file mode 100644
index 000000000..e69de29bb

From ad508eb4f40f0fb0830e9089473d5ea379281a17 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 21:49:21 +0900
Subject: [PATCH 2/8] feat: Add rule, test, and docs

---
 docs/rules/no-multiple-object-in-class.md     | 37 ++++++++++++
 lib/rules/no-multiple-object-in-class.js      | 59 +++++++++++++++++++
 .../lib/rules/no-multiple-object-in-class.js  | 38 ++++++++++++
 3 files changed, 134 insertions(+)

diff --git a/docs/rules/no-multiple-object-in-class.md b/docs/rules/no-multiple-object-in-class.md
index e69de29bb..f6ec6eb77 100644
--- a/docs/rules/no-multiple-object-in-class.md
+++ b/docs/rules/no-multiple-object-in-class.md
@@ -0,0 +1,37 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-multiple-object-in-class
+description: disallow to pass multiple objects into array to class
+---
+# vue/no-multiple-object-in-class
+> disallow to pass multiple objects into array to class
+
+## :book: Rule Details
+
+This rule disallows to pass multiple objects into array to class.  
+
+<eslint-code-block :rules="{'vue/no-multiple-object-in-class': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
+
+    <!-- ✗ BAD -->
+    <div :class="[{'foo': isFoo, 'bar': isBar}]" />
+  </div>
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-object-in-class.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-object-in-class.js)
diff --git a/lib/rules/no-multiple-object-in-class.js b/lib/rules/no-multiple-object-in-class.js
index e69de29bb..18ff950d4 100644
--- a/lib/rules/no-multiple-object-in-class.js
+++ b/lib/rules/no-multiple-object-in-class.js
@@ -0,0 +1,59 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { defineTemplateBodyVisitor } = require('../utils')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+/**
+ * count ObjectExpression element
+ * @param {VAttribute} node
+ * @return {number}
+ */
+function countObjectExpression(node) {
+  return node.value.expression.elements.filter(
+    (element) => element.type === 'ObjectExpression'
+  ).length
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow to pass multiple objects into array to class',
+      categories: undefined,
+      url: 'https://eslint.vuejs.org/rules/no-multiple-object-in-class.html'
+    },
+    fixable: null,
+    schema: [],
+    messages: {
+      unexpected: 'Unexpected multiple objects. Merge objects.'
+    }
+  },
+  /** @param {RuleContext} context */
+  create(context) {
+    return defineTemplateBodyVisitor(context, {
+      /** @param {VAttribute} node */
+      'VAttribute[directive=true][key.argument.name="class"][value.expression.type="ArrayExpression"]'(
+        node
+      ) {
+        if (countObjectExpression(node) > 1) {
+          context.report({
+            node,
+            loc: node.loc,
+            messageId: 'unexpected'
+          })
+        }
+      }
+    })
+  }
+}
diff --git a/tests/lib/rules/no-multiple-object-in-class.js b/tests/lib/rules/no-multiple-object-in-class.js
index e69de29bb..d381f6182 100644
--- a/tests/lib/rules/no-multiple-object-in-class.js
+++ b/tests/lib/rules/no-multiple-object-in-class.js
@@ -0,0 +1,38 @@
+/**
+ * @author tyankatsu <https://github.com/tyankatsu0105>
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const rule = require('../../../lib/rules/no-multiple-object-in-class')
+const RuleTester = require('eslint').RuleTester
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
+})
+
+ruleTester.run('no-multiple-object-in-class', rule, {
+  valid: [
+    `<template><div :class="[{'foo': isFoo}]" /></template>`,
+    `<template><div :class="[{'foo': isFoo, 'bar': isBar}]" /></template>`
+  ],
+  invalid: [
+    {
+      code: `<template><div :class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`,
+      errors: [
+        {
+          message: 'Unexpected multiple objects. Merge objects.',
+          type: 'VAttribute'
+        }
+      ]
+    }
+  ]
+})

From 9c26cb07854f7fe32715a52fb9f7ac7e25808fe7 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 21:49:52 +0900
Subject: [PATCH 3/8] chore: run update

---
 docs/rules/README.md | 1 +
 lib/index.js         | 1 +
 2 files changed, 2 insertions(+)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 1fe658682..d1e64daf3 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -285,6 +285,7 @@ For example:
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
+| [vue/no-multiple-object-in-class](./no-multiple-object-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
diff --git a/lib/index.js b/lib/index.js
index f962015c3..85236cf7f 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -73,6 +73,7 @@ module.exports = {
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
+    'no-multiple-object-in-class': require('./rules/no-multiple-object-in-class'),
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),

From 7d691511c3f060b0631bccfd9fa5fe3919139b93 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 21:51:57 +0900
Subject: [PATCH 4/8] chore: rename no-multiple-objects-in-class

---
 docs/rules/README.md                                   |  2 +-
 ...ect-in-class.md => no-multiple-objects-in-class.md} | 10 +++++-----
 lib/index.js                                           |  2 +-
 ...ect-in-class.js => no-multiple-objects-in-class.js} |  0
 ...ect-in-class.js => no-multiple-objects-in-class.js} |  4 ++--
 5 files changed, 9 insertions(+), 9 deletions(-)
 rename docs/rules/{no-multiple-object-in-class.md => no-multiple-objects-in-class.md} (72%)
 rename lib/rules/{no-multiple-object-in-class.js => no-multiple-objects-in-class.js} (100%)
 rename tests/lib/rules/{no-multiple-object-in-class.js => no-multiple-objects-in-class.js} (89%)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index d1e64daf3..f6a2bd3a0 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -285,7 +285,7 @@ For example:
 | [vue/no-bare-strings-in-template](./no-bare-strings-in-template.md) | disallow the use of bare strings in `<template>` |  |
 | [vue/no-boolean-default](./no-boolean-default.md) | disallow boolean defaults | :wrench: |
 | [vue/no-duplicate-attr-inheritance](./no-duplicate-attr-inheritance.md) | enforce `inheritAttrs` to be set to `false` when using `v-bind="$attrs"` |  |
-| [vue/no-multiple-object-in-class](./no-multiple-object-in-class.md) | disallow to pass multiple objects into array to class |  |
+| [vue/no-multiple-objects-in-class](./no-multiple-objects-in-class.md) | disallow to pass multiple objects into array to class |  |
 | [vue/no-potential-component-option-typo](./no-potential-component-option-typo.md) | disallow a potential typo in your component property |  |
 | [vue/no-reserved-component-names](./no-reserved-component-names.md) | disallow the use of reserved names in component definitions |  |
 | [vue/no-restricted-static-attribute](./no-restricted-static-attribute.md) | disallow specific attribute |  |
diff --git a/docs/rules/no-multiple-object-in-class.md b/docs/rules/no-multiple-objects-in-class.md
similarity index 72%
rename from docs/rules/no-multiple-object-in-class.md
rename to docs/rules/no-multiple-objects-in-class.md
index f6ec6eb77..db6fecebe 100644
--- a/docs/rules/no-multiple-object-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -1,17 +1,17 @@
 ---
 pageClass: rule-details
 sidebarDepth: 0
-title: vue/no-multiple-object-in-class
+title: vue/no-multiple-objects-in-class
 description: disallow to pass multiple objects into array to class
 ---
-# vue/no-multiple-object-in-class
+# vue/no-multiple-objects-in-class
 > disallow to pass multiple objects into array to class
 
 ## :book: Rule Details
 
 This rule disallows to pass multiple objects into array to class.  
 
-<eslint-code-block :rules="{'vue/no-multiple-object-in-class': ['error']}">
+<eslint-code-block :rules="{'vue/no-multiple-objects-in-class': ['error']}">
 
 ```vue
 <template>
@@ -33,5 +33,5 @@ Nothing.
 
 ## :mag: Implementation
 
-- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-object-in-class.js)
-- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-object-in-class.js)
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-multiple-objects-in-class.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-multiple-objects-in-class.js)
diff --git a/lib/index.js b/lib/index.js
index 85236cf7f..ccad064c7 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -73,7 +73,7 @@ module.exports = {
     'no-irregular-whitespace': require('./rules/no-irregular-whitespace'),
     'no-lifecycle-after-await': require('./rules/no-lifecycle-after-await'),
     'no-multi-spaces': require('./rules/no-multi-spaces'),
-    'no-multiple-object-in-class': require('./rules/no-multiple-object-in-class'),
+    'no-multiple-objects-in-class': require('./rules/no-multiple-objects-in-class'),
     'no-multiple-slot-args': require('./rules/no-multiple-slot-args'),
     'no-multiple-template-root': require('./rules/no-multiple-template-root'),
     'no-mutating-props': require('./rules/no-mutating-props'),
diff --git a/lib/rules/no-multiple-object-in-class.js b/lib/rules/no-multiple-objects-in-class.js
similarity index 100%
rename from lib/rules/no-multiple-object-in-class.js
rename to lib/rules/no-multiple-objects-in-class.js
diff --git a/tests/lib/rules/no-multiple-object-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
similarity index 89%
rename from tests/lib/rules/no-multiple-object-in-class.js
rename to tests/lib/rules/no-multiple-objects-in-class.js
index d381f6182..a304093e4 100644
--- a/tests/lib/rules/no-multiple-object-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -7,7 +7,7 @@
 // Requirements
 // ------------------------------------------------------------------------------
 
-const rule = require('../../../lib/rules/no-multiple-object-in-class')
+const rule = require('../../../lib/rules/no-multiple-objects-in-class')
 const RuleTester = require('eslint').RuleTester
 
 // ------------------------------------------------------------------------------
@@ -19,7 +19,7 @@ const ruleTester = new RuleTester({
   parserOptions: { ecmaVersion: 2015, sourceType: 'module' }
 })
 
-ruleTester.run('no-multiple-object-in-class', rule, {
+ruleTester.run('no-multiple-objects-in-class', rule, {
   valid: [
     `<template><div :class="[{'foo': isFoo}]" /></template>`,
     `<template><div :class="[{'foo': isFoo, 'bar': isBar}]" /></template>`

From 41b6cdf743c0a54a3457361b5cb47e29a8fa8433 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 21:55:35 +0900
Subject: [PATCH 5/8] chore: fix docs url

---
 lib/rules/no-multiple-objects-in-class.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index 18ff950d4..484454dd1 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -31,7 +31,7 @@ module.exports = {
     docs: {
       description: 'disallow to pass multiple objects into array to class',
       categories: undefined,
-      url: 'https://eslint.vuejs.org/rules/no-multiple-object-in-class.html'
+      url: 'https://eslint.vuejs.org/rules/no-multiple-objects-in-class.html'
     },
     fixable: null,
     schema: [],

From ce8f812d209bd8e0c4183219639fdd473dc0409c Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Tue, 23 Jun 2020 22:19:32 +0900
Subject: [PATCH 6/8] docs: fix pattern

---
 docs/rules/no-multiple-objects-in-class.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/rules/no-multiple-objects-in-class.md b/docs/rules/no-multiple-objects-in-class.md
index db6fecebe..a7043767e 100644
--- a/docs/rules/no-multiple-objects-in-class.md
+++ b/docs/rules/no-multiple-objects-in-class.md
@@ -17,10 +17,10 @@ This rule disallows to pass multiple objects into array to class.
 <template>
   <div>
     <!-- ✓ GOOD -->
-    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
+    <div :class="[{'foo': isFoo, 'bar': isBar}]" />
 
     <!-- ✗ BAD -->
-    <div :class="[{'foo': isFoo, 'bar': isBar}]" />
+    <div :class="[{'foo': isFoo}, {'bar': isBar}]" />
   </div>
 </template>
 ```

From 8f695e68eedbf3b7a6c366106c42ea0d771c9920 Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Wed, 24 Jun 2020 10:48:58 +0900
Subject: [PATCH 7/8] fix: consider bind

---
 lib/rules/no-multiple-objects-in-class.js     | 23 ++++++++++++++++++-
 .../lib/rules/no-multiple-objects-in-class.js | 12 +++++++++-
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index 484454dd1..697e3f8a7 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -25,6 +25,27 @@ function countObjectExpression(node) {
   ).length
 }
 
+/**
+ * Remove `parent` proeprties from the given AST.
+ * @param {string} key The key.
+ * @param {any} value The value of the key.
+ * @returns {any} The value of the key to output.
+ */
+function replacer(key, value) {
+  if (key === 'parent') {
+    return undefined
+  }
+  if (key === 'errors' && Array.isArray(value)) {
+    return value.map((e) => ({
+      message: e.message,
+      index: e.index,
+      lineNumber: e.lineNumber,
+      column: e.column
+    }))
+  }
+  return value
+}
+
 module.exports = {
   meta: {
     type: 'suggestion',
@@ -43,7 +64,7 @@ module.exports = {
   create(context) {
     return defineTemplateBodyVisitor(context, {
       /** @param {VAttribute} node */
-      'VAttribute[directive=true][key.argument.name="class"][value.expression.type="ArrayExpression"]'(
+      'VAttribute[directive=true][key.argument.name="class"][key.name.name="bind"][value.expression.type="ArrayExpression"]'(
         node
       ) {
         if (countObjectExpression(node) > 1) {
diff --git a/tests/lib/rules/no-multiple-objects-in-class.js b/tests/lib/rules/no-multiple-objects-in-class.js
index a304093e4..45f1b721d 100644
--- a/tests/lib/rules/no-multiple-objects-in-class.js
+++ b/tests/lib/rules/no-multiple-objects-in-class.js
@@ -22,9 +22,19 @@ const ruleTester = new RuleTester({
 ruleTester.run('no-multiple-objects-in-class', rule, {
   valid: [
     `<template><div :class="[{'foo': isFoo}]" /></template>`,
-    `<template><div :class="[{'foo': isFoo, 'bar': isBar}]" /></template>`
+    `<template><div :class="[{'foo': isFoo, 'bar': isBar}]" /></template>`,
+    `<template><div v-foo:class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`
   ],
   invalid: [
+    {
+      code: `<template><div v-bind:class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`,
+      errors: [
+        {
+          message: 'Unexpected multiple objects. Merge objects.',
+          type: 'VAttribute'
+        }
+      ]
+    },
     {
       code: `<template><div :class="[{'foo': isFoo}, {'bar': isBar}]" /></template>`,
       errors: [

From c437c64c1455e53fa45a0628a9ece7b2a92abd3d Mon Sep 17 00:00:00 2001
From: tyankatsu <frips.ryilsufupe+dev@gmail.com>
Date: Wed, 24 Jun 2020 10:55:29 +0900
Subject: [PATCH 8/8] chore: remove unused function

---
 lib/rules/no-multiple-objects-in-class.js | 21 ---------------------
 1 file changed, 21 deletions(-)

diff --git a/lib/rules/no-multiple-objects-in-class.js b/lib/rules/no-multiple-objects-in-class.js
index 697e3f8a7..72b802318 100644
--- a/lib/rules/no-multiple-objects-in-class.js
+++ b/lib/rules/no-multiple-objects-in-class.js
@@ -25,27 +25,6 @@ function countObjectExpression(node) {
   ).length
 }
 
-/**
- * Remove `parent` proeprties from the given AST.
- * @param {string} key The key.
- * @param {any} value The value of the key.
- * @returns {any} The value of the key to output.
- */
-function replacer(key, value) {
-  if (key === 'parent') {
-    return undefined
-  }
-  if (key === 'errors' && Array.isArray(value)) {
-    return value.map((e) => ({
-      message: e.message,
-      index: e.index,
-      lineNumber: e.lineNumber,
-      column: e.column
-    }))
-  }
-  return value
-}
-
 module.exports = {
   meta: {
     type: 'suggestion',