no-deprecated-slot-scope-attribute.md

pageClass	rule-details
sidebarDepth	0
title	vue/no-deprecated-slot-scope-attribute
description	disallow deprecated `slot-scope` attribute (in Vue.js 2.6.0+)
since	v6.1.0

vue/no-deprecated-slot-scope-attribute

disallow deprecated slot-scope attribute (in Vue.js 2.6.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"].
• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule reports deprecated slot-scope attribute in Vue.js v2.6.0+.

<template>
  <ListComponent>
    <!-- ✓ GOOD -->
    <template v-slot="props">
      {{ props.title }}
    </template>
  </ListComponent>
  <ListComponent>
    <!-- ✗ BAD -->
    <template slot-scope="props">
      {{ props.title }}
    </template>
  </ListComponent>
</template>

📚 Further Reading

• API - slot-scope

🚀 Version

This rule was introduced in eslint-plugin-vue v6.1.0

🔍 Implementation

• Rule source
• Test source