prefer-includes: Support Vue template (#2526)

Author: axetroy

rules/prefer-includes.js

@@ -1,4 +1,5 @@
 'use strict';
+const {checkVueTemplate} = require('./utils/rule.js');
 const isMethodNamed = require('./utils/is-method-named.js');
 const simpleArraySearchRule = require('./shared/simple-array-search-rule.js');
 const {isLiteral, isNegativeOne} = require('./ast/index.js');
@@ -15,8 +16,10 @@ const isNegativeResult = node => ['===', '==', '<'].includes(node.operator);
 
 const getProblem = (context, node, target, argumentsNodes) => {
 	const {sourceCode} = context;
+	const tokenStore = sourceCode.parserServices.getTemplateBodyTokenStore?.() ?? sourceCode;
+
 	const memberExpressionNode = target.parent;
-	const dotToken = sourceCode.getTokenBefore(memberExpressionNode.property);
+	const dotToken = tokenStore.getTokenBefore(memberExpressionNode.property);
 	const targetSource = sourceCode.getText().slice(memberExpressionNode.range[0], dotToken.range[0]);
 
 	// Strip default `fromIndex`
@@ -84,7 +87,7 @@ const create = context => {
 
 /** @type {import('eslint').Rule.RuleModule} */
 module.exports = {
-	create,
+	create: checkVueTemplate(create),
 	meta: {
 		type: 'suggestion',
 		docs: {

test/prefer-includes.mjs

@@ -1,4 +1,4 @@
-import {getTester} from './utils/test.mjs';
+import {getTester, parsers} from './utils/test.mjs';
 import tests from './shared/simple-array-search-rule-tests.mjs';
 
 const {test} = getTester(import.meta);
@@ -16,7 +16,7 @@ test.snapshot({
 			'_.indexOf(foo, bar) !== -1',
 			'lodash.indexOf(foo, bar) !== -1',
 			'underscore.indexOf(foo, bar) !== -1',
-		].flatMap(code => [code, code.replace('.indexOf', '.lastIndexOf')]),
+		].flatMap(code => [code, code.replace('.indexOf', '.lastIndexOf'), {code: `<template><div v-if="${code}"></div></template>`, languageOptions: {parser: parsers.vue}}]),
 		'str.includes(\'foo\')',
 		'\'foobar\'.includes(\'foo\')',
 		'[1,2,3].includes(4)',
@@ -34,7 +34,7 @@ test.snapshot({
 		'(a || b).indexOf(\'foo\') === -1',
 		'foo.indexOf(bar, 0) !== -1',
 		'foo.indexOf(bar, 1) !== -1',
-	].flatMap(code => [code, code.replace('.indexOf', '.lastIndexOf')]),
+	].flatMap(code => [code, code.replace('.indexOf', '.lastIndexOf'), {code: `<template><div v-if="${code}"></div></template>`, languageOptions: {parser: parsers.vue}}]),
 });
 
 const {snapshot, typescript} = tests({