Fix: require-v-for-key shouldn't be raised on slots (fixes #216)(#223)

Author: HerringtonDarkholme

lib/rules/require-v-for-key.js

@@ -21,7 +21,7 @@ const utils = require('../utils')
  * @param {ASTNode} element The element node to check.
  */
 function checkKey (context, element) {
-  if (element.name === 'template') {
+  if (element.name === 'template' || element.name === 'slot') {
     for (const child of element.children) {
       if (child.type === 'VElement') {
         checkKey(context, child)

tests/lib/rules/require-v-for-key.js

@@ -42,6 +42,14 @@ tester.run('require-v-for-key', rule, {
     {
       filename: 'test.vue',
       code: '<template><div><template v-for="x in list"><div :key="x"></div></template></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot v-for="x in list" :name="x"></slot></div></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot v-for="x in list" :name="x"><div :key="x"></div></slot></div></template>'
     }
   ],
   invalid: [
@@ -59,6 +67,11 @@ tester.run('require-v-for-key', rule, {
       filename: 'test.vue',
       code: '<template><div><template v-for="x in list"><div></div></template></div></template>',
       errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><div><slot v-for="x in list" :name="x"><div></div></slot></div></template>',
+      errors: ["Elements in iteration expect to have 'v-bind:key' directives."]
     }
   ]
 })