no-deprecated-filter.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/no-deprecated-filter	disallow using deprecated filters syntax

vue/no-deprecated-filter

disallow using deprecated filters syntax

📖 Rule Details

This rule reports deprecated filters syntax (removed in Vue.js v3.0.0+)

<template>
  <!-- ✓ GOOD -->
  {{ filter(msg) }}
  {{ filter(msg, '€') }}
  {{ filterB(filterA(msg)) }}
  <div v-bind:id="filter(msg)"></div>
  <div v-bind:id="filter(msg, '€')"></div>
  <div v-bind:id="filterB(filterA(msg))"></div>

  <!-- ✗ BAD -->
  {{ msg | filter }}
  {{ msg | filter('€') }}
  {{ msg | filterA | filterB }}
  <div v-bind:id="msg | filter"></div>
  <div v-bind:id="msg | filter('€')"></div>
  <div v-bind:id="msg | filterA | filterB"></div>
</template>

🔧 Options

Nothing.

📚 Further Reading

• Vue RFCs - Remove support for filters.

🔍 Implementation

• Rule source
• Test source