no-restricted-syntax.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-restricted-syntax	Disallow specified syntax in `<template>`	v5.2.0

vue/no-restricted-syntax

Disallow specified syntax in <template>

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

🔧 Options

Please see no-restricted-syntax for detailed options.

You can include the AST created by vue-eslint-parser in the selector. To know more about certain nodes in produced AST, please go vue-eslint-parser - AST docs.

"VElement > VExpressionContainer CallExpression"

Forbids call expressions inside mustache interpolation.

<template>
  <!-- ✓ GOOD -->
  <div> {{ foo }} </div>
  <div> {{ foo.bar }} </div>

  <!-- ✗ BAD -->
  <div> {{ foo() }} </div>
  <div> {{ foo.bar() }} </div>
  <div> {{ foo().bar }} </div>
</template>

📚 Further Reading

• no-restricted-syntax
• ESTree
• vue-eslint-parser

🚀 Version

This rule was introduced in eslint-plugin-vue v5.2.0

🔍 Implementation

• Rule source
• Test source

^{Taken with ❤️ from ESLint core}