JS.VUE.NO.MULTI.SPACES

Disallow multiple spaces

Rule Details

This rule aims at removing multiple spaces in tags, which are not used for indentation.

{'vue/no-multi-spaces': ['error']}

Copy

<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

Copy

{
  "vue/no-multi-spaces": ["error", {
    "ignoreProperties": false
  }]
}

ignoreProperties ... whether or not objects' properties should be ignored. default false

`"ignoreProperties": true`

{'vue/no-multi-spaces': ['error', { 'ignoreProperties': true }]}

Copy

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