Add new option to specify tags to ignore vue/no-deprecated-slot-attribute

lib/rules/no-deprecated-slot-attribute.js

@@ -16,7 +16,19 @@ module.exports = {
  url: 'https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html'
  },
  fixable: 'code',
- schema: [],
+ schema: [
+ {
+ type: 'object',
+ properties: {
+ ignore: {
+ type: 'array',
+ items: { type: 'string' },
+ uniqueItems: true
+ }
+ },
+ additionalProperties: false
+ }
+ ],
  messages: {
  forbiddenSlotAttribute: '`slot` attributes are deprecated.'
  }

lib/rules/syntaxes/slot-attribute.js

@@ -5,12 +5,17 @@
 'use strict'
 
 const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
+const casing = require('../../utils/casing')
 
 module.exports = {
  deprecated: '2.6.0',
  supported: '<3.0.0',
  /** @param {RuleContext} context @returns {TemplateListener} */
  createTemplateBodyVisitor(context) {
+ const options = context.options[0] || {}
+ /** @type {Set<string>} */
+ const ignore = new Set(options.ignore)
+
  const sourceCode = context.getSourceCode()
  const tokenStore =
  context.parserServices.getTemplateBodyTokenStore &&
@@ -95,6 +100,15 @@ module.exports = {
  * @returns {void}
  */
  function reportSlot(slotAttr) {
+ const componentName = slotAttr.parent.parent.rawName
+ if (
+ ignore.has(componentName) ||
+ ignore.has(casing.pascalCase(componentName)) ||
+ ignore.has(casing.kebabCase(componentName))
+ ) {
+ return
+ }
+
  context.report({
  node: slotAttr.key,
  messageId: 'forbiddenSlotAttribute',

tests/lib/rules/no-deprecated-slot-attribute.js

@@ -46,7 +46,19 @@ tester.run('no-deprecated-slot-attribute', rule, {
  <LinkList>
  <a />
  </LinkList>
- </template>`
+ </template>`,
+ {
+ code: `<template>
+ <LinkList>
+ <one slot="one" />
+ <two slot="two" />
+ <my-component slot="my-component-slot" />
+ <myComponent slot="myComponent-slot" />
+ <MyComponent slot="MyComponent-slot" />
+ </LinkList>
+ </template>`,
+ options: [{ ignore: ['one', 'two', 'my-component'] }]
+ }
  ],
  invalid: [
  {
@@ -594,6 +606,26 @@ tester.run('no-deprecated-slot-attribute', rule, {
  '`slot` attributes are deprecated.',
  '`slot` attributes are deprecated.'
  ]
+ },
+ {
+ code: `
+ <template>
+ <my-component>
+ <one slot="one">
+ A
+ </one>
+ <two slot="two">
+ B
+ </two>
+ </my-component>
+ </template>`,
+ output: null,
+ options: [
+ {
+ ignore: ['one']
+ }
+ ],
+ errors: ['`slot` attributes are deprecated.']
  }
  ]
 })