From 257afca5882dcdd6fc732b49c9f3a325aed0e363 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 9 Jul 2025 23:25:04 +0200
Subject: [PATCH 1/7] feat(no-deprecated-slot-attribute): add ignoreParents
 option

---
 docs/rules/no-deprecated-slot-attribute.md    |  37 +++++-
 lib/rules/no-deprecated-slot-attribute.js     |   5 +
 lib/rules/syntaxes/slot-attribute.js          |  22 +++-
 lib/utils/index.js                            |   2 +-
 .../lib/rules/no-deprecated-slot-attribute.js | 108 ++++++++++++++++++
 5 files changed, 168 insertions(+), 6 deletions(-)

diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index df4575cc4..df9e3340b 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -43,16 +43,18 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 ```json
 {
   "vue/no-deprecated-slot-attribute": ["error", {
-    "ignore": ["my-component"]
+    "ignore": ["my-component"],
+    "ignoreParents": ["my-web-component"],
   }]
 }
 ```
 
 - `"ignore"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) that ignore these rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for Web-Components. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
 
 ### `"ignore": ["my-component"]`
 
-<eslint-code-block fix :rules="{'vue/no-dupe-keys': ['error', {ignore: ['my-component']}]}">
+<eslint-code-block fix :rules="{'vue/no-deprecated-slot-attribute': ['error', {ignore: ['my-component']}]}">
 
 ```vue
 <template>
@@ -81,6 +83,37 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 </eslint-code-block>
 
+### `"ignoreParents": ["my-web-component"]`
+
+<eslint-code-block fix :rules="{'vue/no-deprecated-slot-attribute': ['error', {ignoreParents: ['my-web-component']}]}">
+
+```vue
+<template>
+  <my-web-component'>
+    <!-- ✓ GOOD -->
+    <template v-slot:name>
+      {{ props.title }}
+    </template>
+  </my-web-component'>
+
+  <my-web-component'>
+    <!-- ✓ GOOD -->
+    <my-component slot="name">
+      {{ props.title }}
+    </my-component>
+  </my-web-component'>
+
+  <other-component>
+    <!-- ✗ BAD -->
+    <my-component slot="name">
+      {{ props.title }}
+    </my-component>
+  </other-component>
+</template>
+```
+
+</eslint-code-block>
+
 ## :books: Further Reading
 
 - [API - slot](https://v2.vuejs.org/v2/api/#slot-deprecated)
diff --git a/lib/rules/no-deprecated-slot-attribute.js b/lib/rules/no-deprecated-slot-attribute.js
index 664c14353..44f3b68c1 100644
--- a/lib/rules/no-deprecated-slot-attribute.js
+++ b/lib/rules/no-deprecated-slot-attribute.js
@@ -25,6 +25,11 @@ module.exports = {
             type: 'array',
             items: { type: 'string' },
             uniqueItems: true
+          },
+          ignoreParents: {
+            type: 'array',
+            items: { type: 'string' },
+            uniqueItems: true
           }
         },
         additionalProperties: false
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 8d854230c..50235e545 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -7,16 +7,18 @@
 const canConvertToVSlot = require('./utils/can-convert-to-v-slot')
 const regexp = require('../../utils/regexp')
 const casing = require('../../utils/casing')
+const { isVElement } = require('../../utils')
 
 module.exports = {
   deprecated: '2.6.0',
   supported: '<3.0.0',
   /** @param {RuleContext} context @returns {TemplateListener} */
   createTemplateBodyVisitor(context) {
-    /** @type {{ ignore: string[] }} */
+    /** @type {{ ignore: string[], ignoreParents: string[] }} */
     const options = context.options[0] || {}
-    const { ignore = [] } = options
+    const { ignore = [], ignoreParents = [] } = options
     const isAnyIgnored = regexp.toRegExpGroupMatcher(ignore)
+    const isAnyParentIgnored = regexp.toRegExpGroupMatcher(ignoreParents)
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
@@ -123,7 +125,8 @@ module.exports = {
      * @returns {void}
      */
     function reportSlot(slotAttr) {
-      const componentName = slotAttr.parent.parent.rawName
+      const component = slotAttr.parent.parent
+      const componentName = component.rawName
 
       if (
         isAnyIgnored(
@@ -135,6 +138,19 @@ module.exports = {
         return
       }
 
+      const parent = component.parent
+      const parentName = isVElement(parent) ? parent.rawName : null
+      if (
+        parentName &&
+        isAnyParentIgnored(
+          parentName,
+          casing.pascalCase(parentName),
+          casing.kebabCase(parentName)
+        )
+      ) {
+        return
+      }
+
       context.report({
         node: slotAttr.key,
         messageId: 'forbiddenSlotAttribute',
diff --git a/lib/utils/index.js b/lib/utils/index.js
index f83b000f7..f3f14cd8a 100644
--- a/lib/utils/index.js
+++ b/lib/utils/index.js
@@ -2462,7 +2462,7 @@ function isAssignmentProperty(node) {
 }
 /**
  * Checks whether the given node is VElement.
- * @param {VElement | VExpressionContainer | VText} node
+ * @param {VElement | VExpressionContainer | VText | VDocumentFragment} node
  * @returns {node is VElement}
  */
 function isVElement(node) {
diff --git a/tests/lib/rules/no-deprecated-slot-attribute.js b/tests/lib/rules/no-deprecated-slot-attribute.js
index e420788ce..b072deb22 100644
--- a/tests/lib/rules/no-deprecated-slot-attribute.js
+++ b/tests/lib/rules/no-deprecated-slot-attribute.js
@@ -67,6 +67,30 @@ tester.run('no-deprecated-slot-attribute', rule, {
       </LinkList>
     </template>`,
       options: [{ ignore: ['/one/', '/^Two$/i', '/^my-.*/i'] }]
+    },
+    {
+      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: [{ ignoreParents: ['LinkList'] }]
+    },
+    {
+      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: [{ ignoreParents: ['/^Link/'] }]
     }
   ],
   invalid: [
@@ -732,6 +756,90 @@ tester.run('no-deprecated-slot-attribute', rule, {
         }
       ]
     },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <two slot="two">
+            B
+          </two>
+        </my-component2>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component2>
+      </template>`,
+      options: [
+        {
+          ignoreParents: ['my-component']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 20
+        }
+      ]
+    },
+    {
+      code: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <two slot="two">
+            B
+          </two>
+        </my-component2>
+      </template>`,
+      output: `
+      <template>
+        <my-component>
+          <one slot="one">
+            A
+          </one>
+        </my-component>
+        <my-component2>
+          <template v-slot:two>\n<two >
+            B
+          </two>\n</template>
+        </my-component2>
+      </template>`,
+      options: [
+        {
+          ignoreParents: ['/component$/']
+        }
+      ],
+      errors: [
+        {
+          message: '`slot` attributes are deprecated.',
+          line: 9,
+          column: 16,
+          endLine: 9,
+          endColumn: 20
+        }
+      ]
+    },
     {
       code: `
       <template>

From 870b0c7ee1944080a8b4bf9ecc40c71e7ad2dac0 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 9 Jul 2025 23:30:57 +0200
Subject: [PATCH 2/7] docs: add changeset

---
 .changeset/beige-teams-camp.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/beige-teams-camp.md

diff --git a/.changeset/beige-teams-camp.md b/.changeset/beige-teams-camp.md
new file mode 100644
index 000000000..c7f5270d7
--- /dev/null
+++ b/.changeset/beige-teams-camp.md
@@ -0,0 +1,5 @@
+---
+'eslint-plugin-vue': minor
+---
+
+Added `ignoreParents` option to `no-deprecated-slot-attribute`

From 5c770fa5984cc99e30c80547189f06cf8ab2ded7 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Wed, 9 Jul 2025 23:38:41 +0200
Subject: [PATCH 3/7] docs: fix typos

---
 docs/rules/no-deprecated-slot-attribute.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index df9e3340b..5d445453b 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -89,19 +89,19 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 
 ```vue
 <template>
-  <my-web-component'>
+  <my-web-component>
     <!-- ✓ GOOD -->
     <template v-slot:name>
       {{ props.title }}
     </template>
-  </my-web-component'>
+  </my-web-component>
 
-  <my-web-component'>
+  <my-web-component>
     <!-- ✓ GOOD -->
     <my-component slot="name">
       {{ props.title }}
     </my-component>
-  </my-web-component'>
+  </my-web-component>
 
   <other-component>
     <!-- ✗ BAD -->

From b776597216d56cc751e841e93c53ff0444fd7c8b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 10 Jul 2025 11:29:34 +0200
Subject: [PATCH 4/7] Update .changeset/beige-teams-camp.md

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>
---
 .changeset/beige-teams-camp.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.changeset/beige-teams-camp.md b/.changeset/beige-teams-camp.md
index c7f5270d7..49c2a317b 100644
--- a/.changeset/beige-teams-camp.md
+++ b/.changeset/beige-teams-camp.md
@@ -2,4 +2,4 @@
 'eslint-plugin-vue': minor
 ---
 
-Added `ignoreParents` option to `no-deprecated-slot-attribute`
+Added `ignoreParents` option to [`vue/no-deprecated-slot-attribute`](https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html)

From c31e7e48768ade01bd4613579a08180f87195a53 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Thu, 10 Jul 2025 23:58:37 +0200
Subject: [PATCH 5/7] docs: add links

---
 docs/rules/no-deprecated-slot-attribute.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index 5d445453b..e4c3682e3 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -50,7 +50,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 ```
 
 - `"ignore"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) that ignore these rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
-- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for Web-Components. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for [Web-Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
 
 ### `"ignore": ["my-component"]`
 
@@ -117,6 +117,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 ## :books: Further Reading
 
 - [API - slot](https://v2.vuejs.org/v2/api/#slot-deprecated)
+- [Web - slot](https://developer.mozilla.org/en-US/docs/Web/API/Element/slot)
 
 ## :rocket: Version
 

From 42e0ca55458507a7dca3b9f255c2e7ad80220d99 Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 11 Jul 2025 11:01:58 +0200
Subject: [PATCH 6/7] chore: only check exact case

---
 docs/rules/no-deprecated-slot-attribute.md | 2 +-
 lib/rules/syntaxes/slot-attribute.js       | 9 +--------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/docs/rules/no-deprecated-slot-attribute.md b/docs/rules/no-deprecated-slot-attribute.md
index e4c3682e3..34f941ec4 100644
--- a/docs/rules/no-deprecated-slot-attribute.md
+++ b/docs/rules/no-deprecated-slot-attribute.md
@@ -50,7 +50,7 @@ This rule reports deprecated `slot` attribute in Vue.js v2.6.0+.
 ```
 
 - `"ignore"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) that ignore these rules. This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
-- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for [Web-Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). This option will check both kebab-case and PascalCase versions of the given tag names. Default is empty.
+- `"ignoreParents"` (`string[]`) An array of tags or regular expression patterns (e.g. `/^custom-/`) for parents that ignore these rules. This option is especially useful for [Web-Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components). Default is empty.
 
 ### `"ignore": ["my-component"]`
 
diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 50235e545..674483c68 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -140,14 +140,7 @@ module.exports = {
 
       const parent = component.parent
       const parentName = isVElement(parent) ? parent.rawName : null
-      if (
-        parentName &&
-        isAnyParentIgnored(
-          parentName,
-          casing.pascalCase(parentName),
-          casing.kebabCase(parentName)
-        )
-      ) {
+      if (parentName && isAnyParentIgnored(parentName)) {
         return
       }
 

From c94f13f07eb9190dbacd79a7a038e95dac24691b Mon Sep 17 00:00:00 2001
From: ST-DDT <ST-DDT@gmx.de>
Date: Fri, 11 Jul 2025 11:05:07 +0200
Subject: [PATCH 7/7] chore: rename var

---
 lib/rules/syntaxes/slot-attribute.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rules/syntaxes/slot-attribute.js b/lib/rules/syntaxes/slot-attribute.js
index 674483c68..87fe9404c 100644
--- a/lib/rules/syntaxes/slot-attribute.js
+++ b/lib/rules/syntaxes/slot-attribute.js
@@ -18,7 +18,7 @@ module.exports = {
     const options = context.options[0] || {}
     const { ignore = [], ignoreParents = [] } = options
     const isAnyIgnored = regexp.toRegExpGroupMatcher(ignore)
-    const isAnyParentIgnored = regexp.toRegExpGroupMatcher(ignoreParents)
+    const isParentIgnored = regexp.toRegExpGroupMatcher(ignoreParents)
 
     const sourceCode = context.getSourceCode()
     const tokenStore =
@@ -140,7 +140,7 @@ module.exports = {
 
       const parent = component.parent
       const parentName = isVElement(parent) ? parent.rawName : null
-      if (parentName && isAnyParentIgnored(parentName)) {
+      if (parentName && isParentIgnored(parentName)) {
         return
       }