no-extra-parens.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-extra-parens	disallow unnecessary parentheses in `<template>`	v7.0.0

vue/no-extra-parens

disallow unnecessary parentheses in <template>

• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

This rule is the same rule as core no-extra-parens rule but it applies to the expressions in <template>.

📖 Rule Details

This rule restricts the use of parentheses to only where they are necessary.
This rule extends the core no-extra-parens rule and applies it to the <template>. This rule also checks some Vue.js syntax.

<template>
  <!-- ✓ GOOD -->
  <div :class="foo + bar" />
  {{ foo + bar }}
  {{ foo + bar | filter }}
  <!-- ✗ BAD -->
  <div :class="(foo + bar)" />
  {{ (foo + bar) }}
  {{ (foo + bar) | filter }}
</template>

📚 Further Reading

• no-extra-parens

🚀 Version

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

🔍 Implementation

• Rule source
• Test source

^{Taken with ❤️ from ESLint core}