pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/multiline-ternary |
Enforce newlines between operands of ternary expressions in `<template>` |
Enforce newlines between operands of ternary expressions in
<template>
- ❗ This rule has not been released yet.
- 🔧 The
--fix
option on the command line 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>
.
<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>
Taken with ❤️ from ESLint core