no-deprecated-dollar-listeners-api.md

pageClass	sidebarDepth	title	description	since
rule-details	0	vue/no-deprecated-dollar-listeners-api	disallow using deprecated `$listeners` (in Vue.js 3.0.0+)	v7.0.0

vue/no-deprecated-dollar-listeners-api

disallow using deprecated $listeners (in Vue.js 3.0.0+)

• ⚙️ This rule is included in all of "plugin:vue/vue3-essential", *.configs["flat/essential"], "plugin:vue/vue3-strongly-recommended", *.configs["flat/strongly-recommended"], "plugin:vue/vue3-recommended" and *.configs["flat/recommended"].

📖 Rule Details

This rule reports use of deprecated $listeners. (in Vue.js 3.0.0+).

<template>
  <!-- ✗ BAD -->
  <MyInput v-on="$listeners">
</template>
<script>
export default {
  computed: {
    listeners() {
      return {
        /* ✗ BAD */
        ...this.$listeners,
        input() { /* */ }
      }
    }
  }
}
</script>

🔧 Options

Nothing.

📚 Further Reading

• Vue RFCs - 0031-attr-fallthrough
• Migration Guide - $listeners removed

🚀 Version

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

🔍 Implementation

• Rule source
• Test source