no-multi-spaces.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-multi-spaces	disallow multiple spaces	v3.12.0

vue/no-multi-spaces

disallow multiple spaces

• ⚙️ This rule is included in all of "plugin:vue/vue3-strongly-recommended", *.configs["flat/strongly-recommended"], "plugin:vue/strongly-recommended", *.configs["flat/vue2-strongly-recommended"], "plugin:vue/vue3-recommended", *.configs["flat/recommended"], "plugin:vue/recommended" and *.configs["flat/vue2-recommended"].
• 🔧 The --fix option 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. default false

"ignoreProperties": true

<template>
  <!-- ✓ GOOD -->
  <i
    :class="{
      'fa-angle-up'   : isExpanded,
      'fa-angle-down' : !isExpanded,
    }"
  />
</template>

🚀 Version

This rule was introduced in eslint-plugin-vue v3.12.0

🔍 Implementation

• Rule source
• Test source