Note

This is a documentation for version 7.0.0-alpha.9.
To check version 6.2.2 go here. To check previous releases go here.

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

# 🔍 Implementation