refactor(test): migrate rules to TypeScript (#3036)

Author: 9romise

lib/rules/no-template-target-blank.js

@@ -127,7 +127,7 @@ module.exports = {
    * Creates AST event handlers for no-template-target-blank
    *
    * @param {RuleContext} context - The rule context.
-   * @returns {Object} AST event handlers.
+   * @returns {RuleListener} AST event handlers.
    */
   create(context) {
     const configuration = context.options[0] || {}

lib/rules/this-in-template.js

@@ -31,7 +31,7 @@ module.exports = {
    * Creates AST event handlers for this-in-template.
    *
    * @param {RuleContext} context - The rule context.
-   * @returns {Object} AST event handlers.
+   * @returns {RuleListener} AST event handlers.
    */
   create(context) {
     const options = context.options[0] === 'always' ? 'always' : 'never'

lib/rules/use-v-on-exact.js

@@ -178,7 +178,7 @@ module.exports = {
    * Creates AST event handlers for use-v-on-exact.
    *
    * @param {RuleContext} context - The rule context.
-   * @returns {Object} AST event handlers.
+   * @returns {RuleListener} AST event handlers.
    */
   create(context) {
     const sourceCode = context.sourceCode

tests/eslint-compat.js

@@ -0,0 +1,20 @@
+import { createRequire } from 'node:module'
+import { getESLint } from 'eslint-compat-utils/eslint'
+import { getLinter } from 'eslint-compat-utils/linter'
+import { getRuleTester } from 'eslint-compat-utils/rule-tester'
+import { ESLint as ESLintRaw, Linter as LinterRaw } from 'eslint'
+import semver from 'semver'
+
+export const ESLint = getESLint()
+export const RuleTester = getRuleTester()
+export const Linter = getLinter()
+
+export let FlatESLint: typeof ESLintRaw | null = ESLintRaw
+if (semver.lt(LinterRaw.version, '9.0.0-0')) {
+  try {
+    const require = createRequire(import.meta.url)
+    FlatESLint = require('eslint/use-at-your-own-risk').FlatESLint
+  } catch {
+    FlatESLint = null
+  }
+}

tests/eslint-compat.ts

@@ -1,14 +1,13 @@
 /**
  * @author Yosuke Ota
  */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/array-bracket-newline')
+import { RuleTester } from '../../eslint-compat'
+import rule from '../../../lib/rules/array-bracket-newline'
+import vueEslintParser from 'vue-eslint-parser'
 
 const tester = new RuleTester({
   languageOptions: {
-    parser: require('vue-eslint-parser'),
+    parser: vueEslintParser,
     ecmaVersion: 2015
   }
 })

tests/lib/configs/eslintrc.ts tests/lib/configs/eslintrc.test.tstests/lib/configs/eslintrc.ts renamed to tests/lib/configs/eslintrc.test.ts

@@ -1,14 +1,13 @@
 /**
  * @author Toru Nagashima
  */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/array-bracket-spacing')
+import { RuleTester } from '../../eslint-compat'
+import rule from '../../../lib/rules/array-bracket-spacing'
+import vueEslintParser from 'vue-eslint-parser'
 
 const tester = new RuleTester({
   languageOptions: {
-    parser: require('vue-eslint-parser'),
+    parser: vueEslintParser,
     ecmaVersion: 2015
   }
 })

tests/lib/configs/flat.ts tests/lib/configs/flat.test.tstests/lib/configs/flat.ts renamed to tests/lib/configs/flat.test.ts

@@ -2,14 +2,13 @@
  * @author alshyra
  * See LICENSE file in root directory for full license.
  */
-'use strict'
-
-const RuleTester = require('../../eslint-compat').RuleTester
-const rule = require('../../../lib/rules/array-element-newline')
+import { RuleTester } from '../../eslint-compat'
+import rule from '../../../lib/rules/array-element-newline'
+import vueEslintParser from 'vue-eslint-parser'
 
 const tester = new RuleTester({
   languageOptions: {
-    parser: require('vue-eslint-parser'),
+    parser: vueEslintParser,
     ecmaVersion: 2020,
     sourceType: 'module'
   }