vue/no-spaces-around-equal-signs-in-attribute
disallow spaces around equal signs in attribute
- ⚙️ This rule is included in all of
"plugin:vue/strongly-recommended"
,*.configs["flat/strongly-recommended"]
,"plugin:vue/vue2-strongly-recommended"
,*.configs["flat/vue2-strongly-recommended"]
,"plugin:vue/recommended"
,*.configs["flat/recommended"]
,"plugin:vue/vue2-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 disallow spaces around equal signs in attribute.
<template>
<!-- ✗ BAD -->
<div class = "item"></div>
<!-- ✓ GOOD -->
<div class="item"></div>
</template>
Info
HTML5 allows spaces around equal signs. But space-less is easier to read, and groups entities better together.
🔧 Options
json
{
"vue/no-spaces-around-equal-signs-in-attribute": ["error"]
}
📚 Further Reading
🚀 Version
This rule was introduced in eslint-plugin-vue v5.0.0