no-extra-parens.md

Pattern: Use of extra parentheses

Issue: -

Description

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

• eslint-plugin-vue - no-extra-parens