# vue/no-extra-parens

disallow unnecessary parentheses in <template>

This rule is the same rule as core no-extra-parens (opens new window) 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 (opens new window) 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>
Now loading...

# 📚 Further Reading

# 🚀 Version

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

# 🔍 Implementation

Taken with ❤️ from ESLint core (opens new window)

Last Updated: 1/20/2022, 11:40:54 PM