vue/mustache-interpolation-spacing
enforce unified spacing in mustache interpolations
- ⚙️ This rule is included in
"plugin:vue/strongly-recommended"and"plugin:vue/recommended". - 🔧 The
--fixoption on the command line can automatically fix some of the problems reported by this rule.
📖 Rule Details
This rule aims at enforcing unified spacing in mustache interpolations.
<template>
<!-- ✓ GOOD -->
<div>{{ text }}</div>
<div>{{ text }}</div><!-- Use vue/no-multi-spaces rule to disallow multiple spaces. -->
<!-- ✗ BAD -->
<div>{{text}}</div>
</template>
🔧 Options
{
"vue/mustache-interpolation-spacing": ["error", "always" | "never"]
}
"always"(default) ... Expect one space between expression and curly brackets."never"... Expect no spaces between expression and curly brackets.
"never"
<template>
<!-- ✓ GOOD -->
<div>{{text}}</div>
<!-- ✗ BAD -->
<div>{{ text }}</div>
<div>{{ text }}</div>
</template>