# vue/mustache-interpolation-spacing

enforce unified spacing in mustache interpolations

⚙️ This rule is included in all of "plugin:vue/vue3-strongly-recommended", "plugin:vue/strongly-recommended", "plugin:vue/vue3-recommended" and "plugin:vue/recommended".
🔧 The --fix option on the command line (opens new window) 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>

Now loading...

# 🔧 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>

Now loading...

# 🚀 Version

This rule was introduced in eslint-plugin-vue v3.13.0

# 🔍 Implementation

← vue/multiline-html-element-content-newline vue/no-multi-spaces →