vue/no-multi-spaces
disallow multiple spaces
- ⚙️ This rule is included in
"plugin:vue/strongly-recommended"and"plugin:vue/recommended". - 🔧 The
--fixoption on the command line can automatically fix some of the problems reported by this rule.
📖 Rule Details
This rule aims at removing multiple spaces in tags, which are not used for indentation.
<template>
<!-- ✓ GOOD -->
<div
class="foo"
:style="bar" />
<i
:class="{
'fa-angle-up' : isExpanded,
'fa-angle-down' : !isExpanded,
}"
/>
<!-- ✗ BAD -->
<div class="foo"
:style = "bar" />
<i
:class="{
'fa-angle-up' : isExpanded,
'fa-angle-down' : !isExpanded,
}"
/>
</template>
🔧 Options
{
"vue/no-multi-spaces": ["error", {
"ignoreProperties": false
}]
}
ignoreProperties... whether or not objects' properties should be ignored. defaultfalse
"ignoreProperties": true
<template>
<!-- ✓ GOOD -->
<i
:class="{
'fa-angle-up' : isExpanded,
'fa-angle-down' : !isExpanded,
}"
/>
</template>