# vue/no-multi-spaces

disallow multiple spaces

  • ⚙️ This rule is included in "plugin:vue/strongly-recommended" and "plugin:vue/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>
Now loading...

# 🔧 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>
Now loading...

# 🔍 Implementation

Last Updated: 12/30/2018, 3:44:02 AM