JS.VUE.NO.USELESS.MUSTACHES

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.

{'vue/no-useless-mustaches': ['error']}

<template>
  <!-- GOOD -->
  Lorem ipsum
  {{ foo }}

  <!-- BAD -->
  {{ 'Lorem ipsum' }}
  {{ "Lorem ipsum" }}
  {{ `Lorem ipsum` }}
</template>

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

{'vue/no-useless-mustaches': ['error', {ignoreIncludesComment: true}]}

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

  <!-- BAD -->
  {{ 'Lorem ipsum' }}
</template>

"ignoreStringEscape": true

{'vue/no-useless-mustaches': ['error', {ignoreStringEscape: true}]}

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