feat: add allow list to no-template-shadow

lib/rules/no-template-shadow.js

@@ -20,6 +20,13 @@ const GROUP_NAMES = [
  'setup'
 ]
 
+function isAllowedVarName(context, variableName) {
+ if (context.options[0] && context.options[0].allow) {
+ return context.options[0].allow.includes(variableName)
+ }
+ return false
+}
+
 module.exports = {
  meta: {
  type: 'suggestion',
@@ -30,7 +37,19 @@ module.exports = {
  url: 'https://eslint.vuejs.org/rules/no-template-shadow.html'
  },
  fixable: null,
- schema: [],
+ schema: [
+ {
+ type: 'object',
+ properties: {
+ allow: {
+ type: 'array',
+ items: {
+ type: 'string'
+ }
+ }
+ }
+ }
+ ],
  messages: {
  alreadyDeclaredInUpperScope:
  "Variable '{{name}}' is already declared in the upper scope."
@@ -102,6 +121,11 @@ module.exports = {
  for (const variable of node.variables) {
  const varNode = variable.id
  const name = varNode.name
+
+ if (isAllowedVarName(context, name)) {
+ continue
+ }
+
  if (
  scopeStack.nodes.some((node) => node.name === name) ||
  jsVars.has(name)

tests/lib/rules/no-template-shadow.js

@@ -155,6 +155,21 @@ ruleTester.run('no-template-shadow', rule, {
  defineProps({k:Number})
  </script>
  `
+ },
+ {
+ filename: 'test.vue',
+ code: `
+ <template>
+ <div v-for="i in 5">
+ <div v-for="i in 5">
+ </div>
+ </div>
+ </template>
+ <script setup>
+ defineProps({i:Number})
+ </script>
+ `,
+ options: [{ allow: ['i'] }]
  }
  ],