test(require-explicit-slots): import slot type (#2786)

Author: waynzh

tests/fixtures/typescript/src/test01.ts

@@ -18,3 +18,8 @@ export type Props2 = {
   h?: string[]
   i?: readonly string[]
 }
+
+export type Slots1 = {
+  default(props: { msg: string }): any
+  foo(props: { msg: string }): any
+}

tests/lib/rules/require-explicit-slots.js

@@ -6,6 +6,9 @@
 
 const RuleTester = require('../../eslint-compat').RuleTester
 const rule = require('../../../lib/rules/require-explicit-slots')
+const {
+  getTypeScriptFixtureTestOptions
+} = require('../../test-utils/typescript')
 
 const tester = new RuleTester({
   languageOptions: {
@@ -276,6 +279,21 @@ tester.run('require-explicit-slots', rule, {
       })
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot></slot>
+          <slot name="foo"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      import type {Slots1 as Slots} from './test01'
+      defineSlots<Slots>()
+      </script>`,
+      ...getTypeScriptFixtureTestOptions()
+    },
     {
       filename: 'test.vue',
       code: `
@@ -656,6 +674,28 @@ tester.run('require-explicit-slots', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+      <template>
+        <div>
+          <slot name="foo"></slot>
+          <slot name="bar"></slot>
+        </div>
+      </template>
+      <script setup lang="ts">
+      import type {Slots1 as Slots} from './test01'
+      defineSlots<Slots>()
+      </script>`,
+      errors: [
+        {
+          message: 'Slots must be explicitly defined.',
+          line: 5,
+          column: 11
+        }
+      ],
+      ...getTypeScriptFixtureTestOptions()
+    },
     {
       // ignore attribute binding except string literal
       filename: 'test.vue',