pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/no-deprecated-filter |
disallow using deprecated filters syntax (in Vue.js 3.0.0+) |
disallow using deprecated filters syntax (in Vue.js 3.0.0+)
- ⚙️ This rule is included in all of
"plugin:vue/vue3-essential"
,"plugin:vue/vue3-strongly-recommended"
and"plugin:vue/vue3-recommended"
.
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>
Nothing.