Create vue/multiline-ternary extension rule

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
 

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
+        }
+      ]
+    },
   ]
 })