vue/no-useless-mustaches

disallow unnecessary mustache interpolations

• 🔧 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 reports mustache interpolation with a string literal value.
The mustache interpolation with a string literal value can be changed to a static contents.

<template> <!-- ✓ GOOD --> Lorem ipsum {{ foo }} <!-- ✗ BAD --> {{ 'Lorem ipsum' }} {{ "Lorem ipsum" }} {{ `Lorem ipsum` }} </template>

Now loading...

🔧 Options

{
  "vue/no-useless-mustaches": ["error", {
    "ignoreIncludesComment": false,
    "ignoreStringEscape": false
  }]
}

• ignoreIncludesComment ... If true, do not report expressions containing comments. default false.
• ignoreStringEscape ... If true, do not report string literals with useful escapes. default false.

"ignoreIncludesComment": true

<template> <!-- ✓ GOOD --> {{ 'Lorem ipsum'/* comment */ }} <!-- ✗ BAD --> {{ 'Lorem ipsum' }} </template>

Now loading...

"ignoreStringEscape": true

<template> <!-- ✓ GOOD --> {{ 'Lorem \n ipsum' }} </template>

Now loading...

👫 Related Rules

• vue/no-useless-v-bind
• vue/no-useless-concat

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation

• Rule source (opens new window)
• Test source (opens new window)