From 908d4a4384fad94c6938cc98acbce4ccbe4081ec Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Wed, 28 Sep 2022 21:52:50 +0800
Subject: [PATCH 01/15] Create initial multiline ternary rule

---
 docs/rules/multiline-ternary.md      |  30 ++++++
 lib/rules/multiline-ternary.js       |  16 +++
 tests/lib/rules/multiline-ternary.js | 139 +++++++++++++++++++++++++++
 3 files changed, 185 insertions(+)
 create mode 100644 docs/rules/multiline-ternary.md
 create mode 100644 lib/rules/multiline-ternary.js
 create mode 100644 tests/lib/rules/multiline-ternary.js

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
new file mode 100644
index 000000000..bd3f56734
--- /dev/null
+++ b/docs/rules/multiline-ternary.md
@@ -0,0 +1,30 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/multiline-ternary
+description: xxx
+---
+# vue/multiline-ternary
+
+> xxx
+
+- :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+
+## :book: Rule Details
+
+This rule ....
+
+<eslint-code-block :rules="{'vue/multiline-ternary': ['error']}">
+
+```vue
+<template>
+
+</template>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+Nothing.
+
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
new file mode 100644
index 000000000..24c310f8b
--- /dev/null
+++ b/lib/rules/multiline-ternary.js
@@ -0,0 +1,16 @@
+/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const { wrapCoreRule } = require('../utils')
+
+// eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
+module.exports = wrapCoreRule('multiline-ternary', {
+  skipDynamicArguments: true
+})
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
new file mode 100644
index 000000000..4c553b676
--- /dev/null
+++ b/tests/lib/rules/multiline-ternary.js
@@ -0,0 +1,139 @@
+/**
+ * @author *****your name*****
+ * See LICENSE file in root directory for full license.
+ */
+'use strict'
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/multiline-ternary')
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+})
+
+tester.run('multiline-ternary', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?
+            aVeryLongOutput :
+            thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      options: ["never"]
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?
+            aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?
+            aVeryLongOutput
+: thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected newline between consequent and alternate of ternary expression.',
+          line: 5,
+          column: 13
+        },
+      ],
+      options: ["always-multiline"]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?
+            aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Unexpected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 19
+        },
+      ],
+      options: ["never"]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+         }">
+        </div>
+      </template>
+      `,
+      output: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+         }">
+        </div>
+      </template>
+      `,
+      errors: [
+        {
+          message: 'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 19
+        },
+        {
+          message: 'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 45
+        }
+      ]
+    }
+  ]
+})

From 9a65bc9ba357385dde508feb5dac8e4018b695de Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Thu, 29 Sep 2022 20:33:08 +0800
Subject: [PATCH 02/15] Docs

---
 docs/rules/multiline-ternary.md | 24 ++++++------------------
 1 file changed, 6 insertions(+), 18 deletions(-)

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index bd3f56734..c293b535c 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,29 +2,17 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: xxx
+description: Enforce newlines between operands of ternary expressions in `<template>` 
 ---
 # vue/multiline-ternary
 
-> xxx
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
-## :book: Rule Details
+This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>`.
+## :books: Further Reading
 
-This rule ....
-
-<eslint-code-block :rules="{'vue/multiline-ternary': ['error']}">
-
-```vue
-<template>
-
-</template>
-```
-
-</eslint-code-block>
-
-## :wrench: Options
-
-Nothing.
+- [multiline-ternary]
 
+[multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary

From 1abefe2a17f2b6b60c908afd97bbc39afd0c5242 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Thu, 29 Sep 2022 20:34:53 +0800
Subject: [PATCH 03/15] Linting

---
 docs/rules/multiline-ternary.md      |  1 +
 lib/rules/multiline-ternary.js       |  2 +-
 tests/lib/rules/multiline-ternary.js | 24 ++++++++++++++----------
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index c293b535c..f173b7993 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -11,6 +11,7 @@ description: Enforce newlines between operands of ternary expressions in `<templ
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 
 This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>`.
+
 ## :books: Further Reading
 
 - [multiline-ternary]
diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 24c310f8b..2371c1cfe 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -1,5 +1,5 @@
 /**
- * @author *****your name*****
+ * @author dev1437
  * See LICENSE file in root directory for full license.
  */
 'use strict'
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 4c553b676..45f638f20 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -1,5 +1,5 @@
 /**
- * @author *****your name*****
+ * @author dev1437
  * See LICENSE file in root directory for full license.
  */
 'use strict'
@@ -40,7 +40,7 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      options: ["never"]
+      options: ['never']
     }
   ],
   invalid: [
@@ -67,12 +67,13 @@ tester.run('multiline-ternary', rule, {
       `,
       errors: [
         {
-          message: 'Expected newline between consequent and alternate of ternary expression.',
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
           line: 5,
           column: 13
-        },
+        }
       ],
-      options: ["always-multiline"]
+      options: ['always-multiline']
     },
     {
       filename: 'test.vue',
@@ -95,12 +96,13 @@ tester.run('multiline-ternary', rule, {
       `,
       errors: [
         {
-          message: 'Unexpected newline between test and consequent of ternary expression.',
+          message:
+            'Unexpected newline between test and consequent of ternary expression.',
           line: 4,
           column: 19
-        },
+        }
       ],
-      options: ["never"]
+      options: ['never']
     },
     {
       filename: 'test.vue',
@@ -124,12 +126,14 @@ tester.run('multiline-ternary', rule, {
       `,
       errors: [
         {
-          message: 'Expected newline between test and consequent of ternary expression.',
+          message:
+            'Expected newline between test and consequent of ternary expression.',
           line: 4,
           column: 19
         },
         {
-          message: 'Expected newline between consequent and alternate of ternary expression.',
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
           line: 4,
           column: 45
         }

From bc6f53c6a6545186db7c9ea614c2e46819a35112 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Fri, 30 Sep 2022 19:31:16 +0800
Subject: [PATCH 04/15] Tests and apply Document

---
 lib/rules/multiline-ternary.js       |   3 +-
 tests/lib/rules/multiline-ternary.js | 229 +++++++++++++++++++++------
 2 files changed, 183 insertions(+), 49 deletions(-)

diff --git a/lib/rules/multiline-ternary.js b/lib/rules/multiline-ternary.js
index 2371c1cfe..718ef8f0d 100644
--- a/lib/rules/multiline-ternary.js
+++ b/lib/rules/multiline-ternary.js
@@ -12,5 +12,6 @@ const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line no-invalid-meta, no-invalid-meta-docs-categories
 module.exports = wrapCoreRule('multiline-ternary', {
-  skipDynamicArguments: true
+  skipDynamicArguments: true,
+  applyDocument: true
 })
diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 45f638f20..3adbf7b38 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -4,8 +4,9 @@
  */
 'use strict'
 
-const RuleTester = require('eslint').RuleTester
+const { RuleTester, ESLint } = require('eslint')
 const rule = require('../../../lib/rules/multiline-ternary')
+const semver = require('semver')
 
 const tester = new RuleTester({
   parser: require.resolve('vue-eslint-parser'),
@@ -44,9 +45,11 @@ tester.run('multiline-ternary', rule, {
     }
   ],
   invalid: [
-    {
-      filename: 'test.vue',
-      code: `
+    ...(semver.gte(ESLint.version, '7.1.0')
+      ? [
+          {
+            filename: 'test.vue',
+            code: `
       <template>
         <div :class="{
           'test': someReallyLongCondition ?
@@ -55,7 +58,7 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      output: `
+            output: `
       <template>
         <div :class="{
           'test': someReallyLongCondition ?
@@ -65,19 +68,19 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      errors: [
-        {
-          message:
-            'Expected newline between consequent and alternate of ternary expression.',
-          line: 5,
-          column: 13
-        }
-      ],
-      options: ['always-multiline']
-    },
-    {
-      filename: 'test.vue',
-      code: `
+            errors: [
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 5,
+                column: 13
+              }
+            ],
+            options: ['always-multiline']
+          },
+          {
+            filename: 'test.vue',
+            code: `
       <template>
         <div :class="{
           'test': someReallyLongCondition ?
@@ -86,7 +89,7 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      output: `
+            output: `
       <template>
         <div :class="{
           'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
@@ -94,19 +97,19 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      errors: [
-        {
-          message:
-            'Unexpected newline between test and consequent of ternary expression.',
-          line: 4,
-          column: 19
-        }
-      ],
-      options: ['never']
-    },
-    {
-      filename: 'test.vue',
-      code: `
+            errors: [
+              {
+                message:
+                  'Unexpected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              }
+            ],
+            options: ['never']
+          },
+          {
+            filename: 'test.vue',
+            code: `
       <template>
         <div :class="{
           'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
@@ -114,7 +117,7 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      output: `
+            output: `
       <template>
         <div :class="{
           'test': someReallyLongCondition
@@ -124,20 +127,150 @@ tester.run('multiline-ternary', rule, {
         </div>
       </template>
       `,
-      errors: [
-        {
-          message:
-            'Expected newline between test and consequent of ternary expression.',
-          line: 4,
-          column: 19
-        },
-        {
-          message:
-            'Expected newline between consequent and alternate of ternary expression.',
-          line: 4,
-          column: 45
-        }
-      ]
-    }
+            errors: [
+              {
+                message:
+                  'Expected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              },
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 4,
+                column: 45
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+      <template>
+        <div :style="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+         }">
+        </div>
+      </template>
+      `,
+            output: `
+      <template>
+        <div :style="{
+          'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+         }">
+        </div>
+      </template>
+      `,
+            errors: [
+              {
+                message:
+                  'Expected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              },
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 4,
+                column: 45
+              }
+            ]
+          }
+        ]
+      : [
+          {
+            filename: 'test.vue',
+            code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+            errors: [
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 5,
+                column: 13
+              }
+            ],
+            options: ['always-multiline']
+          },
+          {
+            filename: 'test.vue',
+            code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        `,
+            errors: [
+              {
+                message:
+                  'Unexpected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              }
+            ],
+            options: ['never']
+          },
+          {
+            filename: 'test.vue',
+            code: `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+           }">
+          </div>
+        </template>
+        `,
+            errors: [
+              {
+                message:
+                  'Expected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              },
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 4,
+                column: 45
+              }
+            ]
+          },
+          {
+            filename: 'test.vue',
+            code: `
+        <template>
+          <div :style="{
+            'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+           }">
+          </div>
+        </template>
+        `,
+            errors: [
+              {
+                message:
+                  'Expected newline between test and consequent of ternary expression.',
+                line: 4,
+                column: 19
+              },
+              {
+                message:
+                  'Expected newline between consequent and alternate of ternary expression.',
+                line: 4,
+                column: 45
+              }
+            ]
+          }
+        ])
   ]
 })

From 0c5438496a90e216b4697d6bf48e03f6b0443762 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Fri, 30 Sep 2022 19:42:52 +0800
Subject: [PATCH 05/15] Fix import

---
 tests/lib/rules/multiline-ternary.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 3adbf7b38..eed010bde 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -4,7 +4,7 @@
  */
 'use strict'
 
-const { RuleTester, ESLint } = require('eslint')
+const { RuleTester, ESLint } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/multiline-ternary')
 const semver = require('semver')
 

From e3f4a0ff1727b517faea4a6a6c742b3857e97a9c Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Fri, 30 Sep 2022 20:04:19 +0800
Subject: [PATCH 06/15] Fix tests

---
 tests/lib/rules/multiline-ternary.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index eed010bde..deb823237 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -195,7 +195,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Expected newline between consequent and alternate of ternary expression.',
                 line: 5,
-                column: 13
+                column: 15
               }
             ],
             options: ['always-multiline']
@@ -216,7 +216,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Unexpected newline between test and consequent of ternary expression.',
                 line: 4,
-                column: 19
+                column: 21
               }
             ],
             options: ['never']
@@ -236,7 +236,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Expected newline between test and consequent of ternary expression.',
                 line: 4,
-                column: 19
+                column: 21
               },
               {
                 message:
@@ -261,7 +261,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Expected newline between test and consequent of ternary expression.',
                 line: 4,
-                column: 19
+                column: 21
               },
               {
                 message:

From 18d5d7b8a73408463dbf106f60300ec0ba4a43a6 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Fri, 30 Sep 2022 20:21:12 +0800
Subject: [PATCH 07/15] Fix test

---
 tests/lib/rules/multiline-ternary.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index deb823237..84c5f87af 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -242,7 +242,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Expected newline between consequent and alternate of ternary expression.',
                 line: 4,
-                column: 45
+                column: 47
               }
             ]
           },
@@ -267,7 +267,7 @@ tester.run('multiline-ternary', rule, {
                 message:
                   'Expected newline between consequent and alternate of ternary expression.',
                 line: 4,
-                column: 45
+                column: 47
               }
             ]
           }

From 15eed560e286849ee766dd1007cfd4c3593c5995 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Fri, 30 Sep 2022 20:58:16 +0800
Subject: [PATCH 08/15] Run npm run update

---
 docs/rules/README.md            |  1 +
 docs/rules/multiline-ternary.md | 12 ++++++++++--
 lib/configs/no-layout-rules.js  |  1 +
 lib/index.js                    |  1 +
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 780b10cbe..19c2565e4 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -292,6 +292,7 @@ The following rules extend the rules provided by ESLint itself and apply them to
 | [vue/key-spacing](./key-spacing.md) | Enforce consistent spacing between keys and values in object literal properties in `<template>` | :wrench: | :lipstick: |
 | [vue/keyword-spacing](./keyword-spacing.md) | Enforce consistent spacing before and after keywords in `<template>` | :wrench: | :lipstick: |
 | [vue/max-len](./max-len.md) | enforce a maximum line length in `.vue` files |  | :lipstick: |
+| [vue/multiline-ternary](./multiline-ternary.md) | Enforce newlines between operands of ternary expressions in `<template>` | :wrench: | :lipstick: |
 | [vue/no-constant-condition](./no-constant-condition.md) | Disallow constant expressions in conditions in `<template>` |  | :warning: |
 | [vue/no-empty-pattern](./no-empty-pattern.md) | Disallow empty destructuring patterns in `<template>` |  | :warning: |
 | [vue/no-extra-parens](./no-extra-parens.md) | Disallow unnecessary parentheses in `<template>` | :wrench: | :lipstick: |
diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index f173b7993..177be1c61 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,13 +2,14 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: Enforce newlines between operands of ternary expressions in `<template>` 
+description: Enforce newlines between operands of ternary expressions in `<template>`
 ---
 # vue/multiline-ternary
 
-- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
+> Enforce newlines between operands of ternary expressions in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
+- :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>`.
 
@@ -17,3 +18,10 @@ This rule is the same rule as core [multiline-ternary] rule but it applies to th
 - [multiline-ternary]
 
 [multiline-ternary]: https://eslint.org/docs/rules/multiline-ternary
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/multiline-ternary.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/multiline-ternary.js)
+
+<sup>Taken with ❤️ [from ESLint core](https://eslint.org/docs/rules/multiline-ternary)</sup>
diff --git a/lib/configs/no-layout-rules.js b/lib/configs/no-layout-rules.js
index 6b15833cb..58e62b601 100644
--- a/lib/configs/no-layout-rules.js
+++ b/lib/configs/no-layout-rules.js
@@ -31,6 +31,7 @@ module.exports = {
     'vue/max-attributes-per-line': 'off',
     'vue/max-len': 'off',
     'vue/multiline-html-element-content-newline': 'off',
+    'vue/multiline-ternary': 'off',
     'vue/mustache-interpolation-spacing': 'off',
     'vue/new-line-between-multi-line-property': 'off',
     'vue/no-extra-parens': 'off',
diff --git a/lib/index.js b/lib/index.js
index e7dcd5bec..645669c4c 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -54,6 +54,7 @@ module.exports = {
     'max-len': require('./rules/max-len'),
     'multi-word-component-names': require('./rules/multi-word-component-names'),
     'multiline-html-element-content-newline': require('./rules/multiline-html-element-content-newline'),
+    'multiline-ternary': require('./rules/multiline-ternary'),
     'mustache-interpolation-spacing': require('./rules/mustache-interpolation-spacing'),
     'new-line-between-multi-line-property': require('./rules/new-line-between-multi-line-property'),
     'next-tick-style': require('./rules/next-tick-style'),

From c804614fa8200e6a2b7c890f3f8da15b03caaf69 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Sat, 1 Oct 2022 09:39:33 +0800
Subject: [PATCH 09/15] Update tests

---
 tests/lib/rules/multiline-ternary.js | 347 ++++++++++++---------------
 1 file changed, 153 insertions(+), 194 deletions(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 84c5f87af..1108a1312 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -42,146 +42,27 @@ tester.run('multiline-ternary', rule, {
       </template>
       `,
       options: ['never']
-    }
-  ],
-  invalid: [
-    ...(semver.gte(ESLint.version, '7.1.0')
-      ? [
-          {
-            filename: 'test.vue',
-            code: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition ?
-            aVeryLongOutput : thisCantFitOnASingleLine
-        }">
-        </div>
-      </template>
-      `,
-            output: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition ?
-            aVeryLongOutput
-: thisCantFitOnASingleLine
-        }">
-        </div>
-      </template>
-      `,
-            errors: [
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 5,
-                column: 13
-              }
-            ],
-            options: ['always-multiline']
-          },
-          {
-            filename: 'test.vue',
-            code: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition ?
-            aVeryLongOutput : thisCantFitOnASingleLine
-        }">
-        </div>
-      </template>
-      `,
-            output: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
-        }">
-        </div>
-      </template>
-      `,
-            errors: [
-              {
-                message:
-                  'Unexpected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 19
-              }
-            ],
-            options: ['never']
-          },
-          {
-            filename: 'test.vue',
-            code: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
-         }">
-        </div>
-      </template>
-      `,
-            output: `
-      <template>
-        <div :class="{
-          'test': someReallyLongCondition
-? aVeryLongOutput
-: thisCantFitOnASingleLine
-         }">
-        </div>
-      </template>
-      `,
-            errors: [
-              {
-                message:
-                  'Expected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 19
-              },
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 4,
-                column: 45
-              }
-            ]
-          },
-          {
-            filename: 'test.vue',
-            code: `
-      <template>
-        <div :style="{
-          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
-         }">
-        </div>
-      </template>
-      `,
-            output: `
+    },
+    {
+      filename: 'test.vue',
+      code: `
       <template>
-        <div :style="{
-          'test': someReallyLongCondition
-? aVeryLongOutput
-: thisCantFitOnASingleLine
-         }">
-        </div>
+          <div class="test">
+          </div>
       </template>
+      <style>
+        .test {
+            color: v-bind('someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine')
+        }
+      </style>
       `,
-            errors: [
-              {
-                message:
-                  'Expected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 19
-              },
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 4,
-                column: 45
-              }
-            ]
-          }
-        ]
-      : [
-          {
-            filename: 'test.vue',
-            code: `
+      options: ['never']
+    }
+  ],
+  invalid: [
+      {
+        filename: 'test.vue',
+        code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -190,19 +71,29 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-            errors: [
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 5,
-                column: 15
-              }
-            ],
-            options: ['always-multiline']
-          },
+        output: (semver.gte(ESLint.version, '7.1.0') ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?
+              aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        ` : null),
+        errors: [
           {
-            filename: 'test.vue',
-            code: `
+            message:
+              'Expected newline between consequent and alternate of ternary expression.',
+            line: 5,
+            column: 15
+          }
+        ],
+        options: ['always-multiline']
+      },
+      {
+        filename: 'test.vue',
+        code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -211,66 +102,134 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-            errors: [
-              {
-                message:
-                  'Unexpected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 21
-              }
-            ],
-            options: ['never']
-          },
+        output: (semver.gte(ESLint.version, '7.1.0') ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        ` : null),
+        errors: [
           {
-            filename: 'test.vue',
-            code: `
+            message:
+              'Unexpected newline between test and consequent of ternary expression.',
+            line: 4,
+            column: 21
+          }
+        ],
+        options: ['never']
+      },
+      {
+        filename: 'test.vue',
+        code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
-           }">
+          }">
           </div>
         </template>
         `,
-            errors: [
-              {
-                message:
-                  'Expected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 21
-              },
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 4,
-                column: 47
-              }
-            ]
+        output: (semver.gte(ESLint.version, '7.1.0') ? `
+        <template>
+          <div :class="{
+            'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        ` : null),
+        errors: [
+          {
+            message:
+              'Expected newline between test and consequent of ternary expression.',
+            line: 4,
+            column: 21
           },
           {
-            filename: 'test.vue',
-            code: `
+            message:
+              'Expected newline between consequent and alternate of ternary expression.',
+            line: 4,
+            column: 47
+          }
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: `
         <template>
           <div :style="{
             'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
-           }">
+          }">
           </div>
         </template>
         `,
-            errors: [
-              {
-                message:
-                  'Expected newline between test and consequent of ternary expression.',
-                line: 4,
-                column: 21
-              },
-              {
-                message:
-                  'Expected newline between consequent and alternate of ternary expression.',
-                line: 4,
-                column: 47
-              }
-            ]
+        output: (semver.gte(ESLint.version, '7.1.0') ? `
+        <template>
+          <div :style="{
+            'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+          }">
+          </div>
+        </template>
+        ` : null),
+        errors: [
+          {
+            message:
+              'Expected newline between test and consequent of ternary expression.',
+            line: 4,
+            column: 21
+          },
+          {
+            message:
+              'Expected newline between consequent and alternate of ternary expression.',
+            line: 4,
+            column: 47
           }
-        ])
+        ]
+      },
+      {
+        filename: 'test.vue',
+        code: `
+        <template>
+          <div class="test">
+          </div>
+        </template>
+        <style>
+          .test {
+              color: v-bind('someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine')
+          }
+        </style>
+        `,
+        output: (semver.gte(ESLint.version, '7.1.0') ? `
+        <template>
+          <div class="test">
+          </div>
+        </template>
+        <style>
+          .test {
+              color: v-bind('someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine')
+          }
+        </style>
+        ` : null),
+        errors: [
+          {
+            message:
+              'Expected newline between test and consequent of ternary expression.',
+            line: 8,
+            column: 30
+          },
+          {
+            message:
+              'Expected newline between consequent and alternate of ternary expression.',
+            line: 8,
+            column: 56
+          }
+        ]
+      }
   ]
 })

From 1f059e0a21723c314496db1e16fdbfb9700a6e56 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Sat, 1 Oct 2022 09:44:39 +0800
Subject: [PATCH 10/15] lint

---
 tests/lib/rules/multiline-ternary.js | 190 ++++++++++++++-------------
 1 file changed, 100 insertions(+), 90 deletions(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 1108a1312..be4dbb59a 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -60,9 +60,9 @@ tester.run('multiline-ternary', rule, {
     }
   ],
   invalid: [
-      {
-        filename: 'test.vue',
-        code: `
+    {
+      filename: 'test.vue',
+      code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -71,7 +71,8 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-        output: (semver.gte(ESLint.version, '7.1.0') ? `
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -80,20 +81,21 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        ` : null),
-        errors: [
-          {
-            message:
-              'Expected newline between consequent and alternate of ternary expression.',
-            line: 5,
-            column: 15
-          }
-        ],
-        options: ['always-multiline']
-      },
-      {
-        filename: 'test.vue',
-        code: `
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 5,
+          column: 15
+        }
+      ],
+      options: ['always-multiline']
+    },
+    {
+      filename: 'test.vue',
+      code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?
@@ -102,27 +104,29 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-        output: (semver.gte(ESLint.version, '7.1.0') ? `
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
         <template>
           <div :class="{
             'test': someReallyLongCondition ?aVeryLongOutput : thisCantFitOnASingleLine
           }">
           </div>
         </template>
-        ` : null),
-        errors: [
-          {
-            message:
-              'Unexpected newline between test and consequent of ternary expression.',
-            line: 4,
-            column: 21
-          }
-        ],
-        options: ['never']
-      },
-      {
-        filename: 'test.vue',
-        code: `
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Unexpected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        }
+      ],
+      options: ['never']
+    },
+    {
+      filename: 'test.vue',
+      code: `
         <template>
           <div :class="{
             'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
@@ -130,7 +134,8 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-        output: (semver.gte(ESLint.version, '7.1.0') ? `
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
         <template>
           <div :class="{
             'test': someReallyLongCondition
@@ -139,25 +144,26 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        ` : null),
-        errors: [
-          {
-            message:
-              'Expected newline between test and consequent of ternary expression.',
-            line: 4,
-            column: 21
-          },
-          {
-            message:
-              'Expected newline between consequent and alternate of ternary expression.',
-            line: 4,
-            column: 47
-          }
-        ]
-      },
-      {
-        filename: 'test.vue',
-        code: `
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 47
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
         <template>
           <div :style="{
             'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
@@ -165,7 +171,8 @@ tester.run('multiline-ternary', rule, {
           </div>
         </template>
         `,
-        output: (semver.gte(ESLint.version, '7.1.0') ? `
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
         <template>
           <div :style="{
             'test': someReallyLongCondition
@@ -174,25 +181,26 @@ tester.run('multiline-ternary', rule, {
           }">
           </div>
         </template>
-        ` : null),
-        errors: [
-          {
-            message:
-              'Expected newline between test and consequent of ternary expression.',
-            line: 4,
-            column: 21
-          },
-          {
-            message:
-              'Expected newline between consequent and alternate of ternary expression.',
-            line: 4,
-            column: 47
-          }
-        ]
-      },
-      {
-        filename: 'test.vue',
-        code: `
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 21
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 47
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
         <template>
           <div class="test">
           </div>
@@ -203,7 +211,8 @@ tester.run('multiline-ternary', rule, {
           }
         </style>
         `,
-        output: (semver.gte(ESLint.version, '7.1.0') ? `
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
         <template>
           <div class="test">
           </div>
@@ -215,21 +224,22 @@ tester.run('multiline-ternary', rule, {
 : thisCantFitOnASingleLine')
           }
         </style>
-        ` : null),
-        errors: [
-          {
-            message:
-              'Expected newline between test and consequent of ternary expression.',
-            line: 8,
-            column: 30
-          },
-          {
-            message:
-              'Expected newline between consequent and alternate of ternary expression.',
-            line: 8,
-            column: 56
-          }
-        ]
-      }
+        `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 8,
+          column: 30
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 8,
+          column: 56
+        }
+      ]
+    }
   ]
 })

From 00ce731f408e4f620f5decebebc9b76222c34200 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Wed, 5 Oct 2022 20:13:36 +0800
Subject: [PATCH 11/15] Update doc

---
 docs/rules/multiline-ternary.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index 177be1c61..b28d0f964 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,16 +2,16 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: Enforce newlines between operands of ternary expressions in `<template>`
+description: Enforce newlines between operands of ternary expressions in `<template>` and `<style>`
 ---
 # vue/multiline-ternary
 
-> Enforce newlines between operands of ternary expressions in `<template>`
+> Enforce newlines between operands of ternary expressions in `<template>` and `<style>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
-This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>`.
+This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
 
 ## :books: Further Reading
 

From 94171975830c0b05e959aaeab59af3da1a5689a1 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Wed, 5 Oct 2022 20:37:05 +0800
Subject: [PATCH 12/15] Add tests for script tag

---
 tests/lib/rules/multiline-ternary.js | 53 +++++++++++++++++++++++++++-
 1 file changed, 52 insertions(+), 1 deletion(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index be4dbb59a..52bd5d6bb 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -31,6 +31,14 @@ tester.run('multiline-ternary', rule, {
       </template>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `
+    },
     {
       filename: 'test.vue',
       code: `
@@ -240,6 +248,49 @@ tester.run('multiline-ternary', rule, {
           column: 56
         }
       ]
-    }
+    },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `,
+      output: semver.gte(ESLint.version, '7.1.0')
+        ? `
+      <template>
+        <div :class="{
+          'test': someReallyLongCondition
+? aVeryLongOutput
+: thisCantFitOnASingleLine
+        }">
+        </div>
+      </template>
+      <script>
+        let test = someReallyLongCondition ? aVeryLongOutput : thisCantFitOnASingleLine
+      </script>
+      `
+        : null,
+      errors: [
+        {
+          message:
+            'Expected newline between test and consequent of ternary expression.',
+          line: 4,
+          column: 19
+        },
+        {
+          message:
+            'Expected newline between consequent and alternate of ternary expression.',
+          line: 4,
+          column: 45
+        }
+      ]
+    },
   ]
 })

From 7fadb7781e869a902017e40241848351be6868ed Mon Sep 17 00:00:00 2001
From: dev1437 <111346272+dev1437@users.noreply.github.com>
Date: Wed, 5 Oct 2022 21:17:10 +0800
Subject: [PATCH 13/15] Update tests/lib/rules/multiline-ternary.js

Co-authored-by: Flo Edelmann <florian-edelmann@online.de>
---
 tests/lib/rules/multiline-ternary.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index 52bd5d6bb..f33b35fc7 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -32,6 +32,7 @@ tester.run('multiline-ternary', rule, {
       `
     },
     {
+      // doesn't check ternary statements in <script> block
       filename: 'test.vue',
       code: `
       <script>

From 1bc02bd8a6d28f4687a62fc123bcf7a1ae6217e4 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Mon, 10 Oct 2022 19:54:22 +0800
Subject: [PATCH 14/15] Add example

---
 docs/rules/multiline-ternary.md | 36 +++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

diff --git a/docs/rules/multiline-ternary.md b/docs/rules/multiline-ternary.md
index b28d0f964..cc36f7da6 100644
--- a/docs/rules/multiline-ternary.md
+++ b/docs/rules/multiline-ternary.md
@@ -2,17 +2,49 @@
 pageClass: rule-details
 sidebarDepth: 0
 title: vue/multiline-ternary
-description: Enforce newlines between operands of ternary expressions in `<template>` and `<style>`
+description: Enforce newlines between operands of ternary expressions in `<template>`
 ---
 # vue/multiline-ternary
 
-> Enforce newlines between operands of ternary expressions in `<template>` and `<style>`
+> Enforce newlines between operands of ternary expressions in `<template>`
 
 - :exclamation: <badge text="This rule has not been released yet." vertical="middle" type="error"> ***This rule has not been released yet.*** </badge>
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule is the same rule as core [multiline-ternary] rule but it applies to the expressions in `<template>` and `<style>`.
 
+## :book: Rule Details
+
+<eslint-code-block fix :rules="{'vue/multiline-ternary': ['error']}">
+
+```vue
+<template>
+  <div>
+    <!-- ✓ GOOD -->
+    <div :class="isEnabled
+      ? 'check'
+      : 'stop'" />
+
+    <!-- ✗ BAD -->
+    <div :class="isEnabled ? 'check' : 'stop'" />
+  </div>
+</template>
+
+<style>
+div {
+  /* ✓ GOOD */
+  color: v-bind('myFlag
+    ? foo
+    : bar');
+
+  /* ✗ BAD */
+  color: v-bind('myFlag ? foo : bar');
+}
+</style>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [multiline-ternary]

From 7a7a10d9d2298453759d0a4733674a3d4fb25e30 Mon Sep 17 00:00:00 2001
From: dev1437 <dont_send_it_to_me@hotmail.com>
Date: Mon, 10 Oct 2022 19:55:20 +0800
Subject: [PATCH 15/15] Lint

---
 tests/lib/rules/multiline-ternary.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/lib/rules/multiline-ternary.js b/tests/lib/rules/multiline-ternary.js
index f33b35fc7..2922f0e65 100644
--- a/tests/lib/rules/multiline-ternary.js
+++ b/tests/lib/rules/multiline-ternary.js
@@ -292,6 +292,6 @@ tester.run('multiline-ternary', rule, {
           column: 45
         }
       ]
-    },
+    }
   ]
 })