no-multi-spaces.md

Pattern: Multiple spaces in tag

Issue: -

Description

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>

Further Reading

• eslint-plugin-vue - no-multi-spaces