From 62b698660ae1192214f434c9a705de43aee7b3ed Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Tue, 15 Mar 2022 20:39:55 +0900
Subject: [PATCH 1/6] Add support for scope analysis of `<script setup>` (#144)

* Add support for scope analysis of `<script setup>`

* update

* fix for win test

* Support for Compiler Macro

* rename

* refactor

* refactor
---
 .eslintignore                                 |   2 +-
 .gitignore                                    |   3 +-
 scripts/update-fixtures-ast.js                |   1 +
 src/common/parser-options.ts                  |   3 +
 src/index.ts                                  | 212 ++++++------
 src/script-setup/scope-analyzer.ts            | 310 ++++++++++++++++++
 src/script/scope-analyzer.ts                  |  23 +-
 .../.eslintrc.json                            |  10 +
 .../.npmrc                                    |   1 +
 .../consistent-type-imports/.eslintrc.json    |   5 +
 .../consistent-type-imports/valid.vue         |   9 +
 .../no-undef/.eslintrc.json                   |   5 +
 .../no-undef/invalid/with-defaults.vue        |  13 +
 .../no-undef/valid/with-defaults.vue          |  11 +
 .../output.json                               |  17 +
 .../package.json                              |   7 +
 .../integrations/script-setup/.eslintrc.json  |  11 +
 .../fixtures/integrations/script-setup/.npmrc |   1 +
 .../script-setup/no-undef/.eslintrc.json      |   5 +
 .../no-undef/invalid/define-expose.vue        |  13 +
 .../invalid/define-props-and-emits.vue        |   9 +
 .../no-undef/valid/define-expose.vue          |  11 +
 .../define-props-and-emits-with-import.vue    |   9 +
 .../no-undef/valid/define-props-and-emits.vue |   8 +
 .../no-unused-vars/.eslintrc.json             |   5 +
 .../invalid/component-names.vue               |   7 +
 .../no-unused-vars/invalid/css-v-bind.vue     |  12 +
 .../no-unused-vars/invalid/invalid-scope.vue  |   9 +
 .../no-unused-vars/invalid/sample.vue         |  22 ++
 .../no-unused-vars/invalid/with-v-for.vue     |   8 +
 .../invalid/without-script-setup.vue          |   7 +
 .../no-unused-vars/valid/component-is.vue     |   9 +
 .../no-unused-vars/valid/component-names1.vue |  11 +
 .../no-unused-vars/valid/component-names2.vue |   9 +
 .../no-unused-vars/valid/css-v-bind.vue       |  11 +
 .../no-unused-vars/valid/directive.vue        |   7 +
 .../valid/kebab-case-component.vue            |  10 +
 .../no-unused-vars/valid/mustash.vue          |   7 +
 .../no-unused-vars/valid/ns-component.vue     |   9 +
 .../script-setup/no-unused-vars/valid/ref.vue |   8 +
 .../no-unused-vars/valid/sample.vue           |  16 +
 .../no-unused-vars/valid/top-level-await.vue  |   7 +
 .../integrations/script-setup/output.json     |  92 ++++++
 .../integrations/script-setup/package.json    |   5 +
 test/integrations.js                          | 103 ++++++
 typings/eslint-scope/index.d.ts               |  44 +--
 46 files changed, 995 insertions(+), 122 deletions(-)
 create mode 100644 src/script-setup/scope-analyzer.ts
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/.npmrc
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/valid.vue
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/invalid/with-defaults.vue
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/valid/with-defaults.vue
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/output.json
 create mode 100644 test/fixtures/integrations/script-setup-with-typescript-eslint/package.json
 create mode 100644 test/fixtures/integrations/script-setup/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup/.npmrc
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/invalid/define-expose.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/invalid/define-props-and-emits.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/valid/define-expose.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits-with-import.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/.eslintrc.json
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/component-names.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/css-v-bind.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/invalid-scope.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/sample.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/with-v-for.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/invalid/without-script-setup.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/component-is.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names1.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names2.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/css-v-bind.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/directive.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/kebab-case-component.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/mustash.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/ns-component.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/ref.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/sample.vue
 create mode 100644 test/fixtures/integrations/script-setup/no-unused-vars/valid/top-level-await.vue
 create mode 100644 test/fixtures/integrations/script-setup/output.json
 create mode 100644 test/fixtures/integrations/script-setup/package.json
 create mode 100644 test/integrations.js

diff --git a/.eslintignore b/.eslintignore
index b77b6607..537f1533 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,7 +1,7 @@
 /.nyc_output
 /.temp
 /coverage
-/node_modules
+node_modules
 /src/external
 /src/html/util
 /test/fixtures
diff --git a/.gitignore b/.gitignore
index 6ea559ee..8bf60fc5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,9 +1,10 @@
 /.nyc_output
 /.temp
 /coverage
-/node_modules
+node_modules
 /test/temp
 /index.*
 /npm-debug.log
 /test.js
 /test/fixtures/espree-v8/node_modules
+/test/fixtures/integrations/**/_actual.json
diff --git a/scripts/update-fixtures-ast.js b/scripts/update-fixtures-ast.js
index 241c2c36..6e6cc54c 100644
--- a/scripts/update-fixtures-ast.js
+++ b/scripts/update-fixtures-ast.js
@@ -27,6 +27,7 @@ const PARSER_OPTIONS = {
     loc: true,
     range: true,
     tokens: true,
+    eslintScopeManager: true,
 }
 
 /**
diff --git a/src/common/parser-options.ts b/src/common/parser-options.ts
index 3000bd76..fd459310 100644
--- a/src/common/parser-options.ts
+++ b/src/common/parser-options.ts
@@ -35,6 +35,9 @@ export interface ParserOptions {
     range?: boolean
     tokens?: boolean
 
+    // From ESLint
+    eslintScopeManager?: boolean
+
     // others
     // [key: string]: any
 }
diff --git a/src/index.ts b/src/index.ts
index afff45e1..eff1ef93 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -23,6 +23,8 @@ import {
     isTemplateElement,
 } from "./common/ast-utils"
 import { parseStyleElements } from "./style"
+import { analyzeScope } from "./script/scope-analyzer"
+import { analyzeScriptSetupScope } from "./script-setup/scope-analyzer"
 
 const STARTS_WITH_LT = /^\s*</u
 
@@ -61,101 +63,11 @@ export function parseForESLint(
     let document: AST.VDocumentFragment | null
     let locationCalculator: LocationCalculatorForHtml | null
     if (!isVueFile(code, options)) {
-        result = parseScript(code, {
-            ...options,
-            ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
-            parser: getScriptParser(options.parser, () => {
-                const ext = (
-                    path
-                        .extname(options.filePath || "unknown.js")
-                        .toLowerCase() || ""
-                )
-                    // remove dot
-                    .slice(1)
-                if (/^[jt]sx$/u.test(ext)) {
-                    return [ext, ext.slice(0, -1)]
-                }
-
-                return ext
-            }),
-        })
+        result = parseAsScript(code, options)
         document = null
         locationCalculator = null
     } else {
-        const optionsForTemplate = {
-            ...options,
-            ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
-        }
-        const skipParsingScript = options.parser === false
-        const tokenizer = new HTMLTokenizer(code, optionsForTemplate)
-        const rootAST = new HTMLParser(tokenizer, optionsForTemplate).parse()
-
-        locationCalculator = new LocationCalculatorForHtml(
-            tokenizer.gaps,
-            tokenizer.lineTerminators,
-        )
-        const scripts = rootAST.children.filter(isScriptElement)
-        const template = rootAST.children.find(isTemplateElement)
-        const templateLang = getLang(template) || "html"
-        const concreteInfo: AST.HasConcreteInfo = {
-            tokens: rootAST.tokens,
-            comments: rootAST.comments,
-            errors: rootAST.errors,
-        }
-        const templateBody =
-            template != null && templateLang === "html"
-                ? Object.assign(template, concreteInfo)
-                : undefined
-
-        const scriptParser = getScriptParser(options.parser, () =>
-            getParserLangFromSFC(rootAST),
-        )
-        let scriptSetup: VElement | undefined
-        if (skipParsingScript || !scripts.length) {
-            result = parseScript("", {
-                ...options,
-                ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
-                parser: scriptParser,
-            })
-        } else if (
-            scripts.length === 2 &&
-            (scriptSetup = scripts.find(isScriptSetupElement))
-        ) {
-            result = parseScriptSetupElements(
-                scriptSetup,
-                scripts.find((e) => e !== scriptSetup)!,
-                code,
-                new LinesAndColumns(tokenizer.lineTerminators),
-                {
-                    ...options,
-                    parser: scriptParser,
-                },
-            )
-        } else {
-            result = parseScriptElement(
-                scripts[0],
-                code,
-                new LinesAndColumns(tokenizer.lineTerminators),
-                {
-                    ...options,
-                    parser: scriptParser,
-                },
-            )
-        }
-
-        if (options.vueFeatures?.styleCSSVariableInjection ?? true) {
-            const styles = rootAST.children.filter(isStyleElement)
-            parseStyleElements(styles, locationCalculator, {
-                ...options,
-                parser: getScriptParser(options.parser, function* () {
-                    yield "<template>"
-                    yield getParserLangFromSFC(rootAST)
-                }),
-            })
-        }
-
-        result.ast.templateBody = templateBody
-        document = rootAST
+        ;({ result, document, locationCalculator } = parseAsSFC(code, options))
     }
 
     result.services = Object.assign(
@@ -179,3 +91,119 @@ export function parse(code: string, options: any): AST.ESLintProgram {
 }
 
 export { AST }
+
+function parseAsSFC(code: string, options: ParserOptions) {
+    const optionsForTemplate = {
+        ...options,
+        ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
+    }
+    const skipParsingScript = options.parser === false
+    const tokenizer = new HTMLTokenizer(code, optionsForTemplate)
+    const rootAST = new HTMLParser(tokenizer, optionsForTemplate).parse()
+
+    const locationCalculator = new LocationCalculatorForHtml(
+        tokenizer.gaps,
+        tokenizer.lineTerminators,
+    )
+    const scripts = rootAST.children.filter(isScriptElement)
+    const template = rootAST.children.find(isTemplateElement)
+    const templateLang = getLang(template) || "html"
+    const concreteInfo: AST.HasConcreteInfo = {
+        tokens: rootAST.tokens,
+        comments: rootAST.comments,
+        errors: rootAST.errors,
+    }
+    const templateBody =
+        template != null && templateLang === "html"
+            ? Object.assign(template, concreteInfo)
+            : undefined
+
+    const scriptParser = getScriptParser(options.parser, () =>
+        getParserLangFromSFC(rootAST),
+    )
+    let result: AST.ESLintExtendedProgram
+    let scriptSetup: VElement | undefined
+    if (skipParsingScript || !scripts.length) {
+        result = parseScript("", {
+            ...options,
+            ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
+            parser: scriptParser,
+        })
+    } else if (
+        scripts.length === 2 &&
+        (scriptSetup = scripts.find(isScriptSetupElement))
+    ) {
+        result = parseScriptSetupElements(
+            scriptSetup,
+            scripts.find((e) => e !== scriptSetup)!,
+            code,
+            new LinesAndColumns(tokenizer.lineTerminators),
+            {
+                ...options,
+                parser: scriptParser,
+            },
+        )
+    } else {
+        result = parseScriptElement(
+            scripts[0],
+            code,
+            new LinesAndColumns(tokenizer.lineTerminators),
+            {
+                ...options,
+                parser: scriptParser,
+            },
+        )
+    }
+
+    if (options.vueFeatures?.styleCSSVariableInjection ?? true) {
+        const styles = rootAST.children.filter(isStyleElement)
+        parseStyleElements(styles, locationCalculator, {
+            ...options,
+            parser: getScriptParser(options.parser, function* () {
+                yield "<template>"
+                yield getParserLangFromSFC(rootAST)
+            }),
+        })
+    }
+    result.ast.templateBody = templateBody
+
+    if (options.eslintScopeManager) {
+        if (scripts.some(isScriptSetupElement)) {
+            if (!result.scopeManager) {
+                result.scopeManager = analyzeScope(result.ast, options)
+            }
+            analyzeScriptSetupScope(
+                result.scopeManager,
+                templateBody,
+                rootAST,
+                options,
+            )
+        }
+    }
+
+    return {
+        result,
+        locationCalculator,
+        document: rootAST,
+    }
+}
+
+function parseAsScript(code: string, options: ParserOptions) {
+    return parseScript(code, {
+        ...options,
+        ecmaVersion: options.ecmaVersion || DEFAULT_ECMA_VERSION,
+        parser: getScriptParser(options.parser, () => {
+            const ext = (
+                path.extname(options.filePath || "unknown.js").toLowerCase() ||
+                ""
+            )
+                // remove dot
+                .slice(1)
+            if (/^[jt]sx$/u.test(ext)) {
+                return [ext, ext.slice(0, -1)]
+            }
+
+            return ext
+        }),
+    })
+}
diff --git a/src/script-setup/scope-analyzer.ts b/src/script-setup/scope-analyzer.ts
new file mode 100644
index 00000000..0d2518e9
--- /dev/null
+++ b/src/script-setup/scope-analyzer.ts
@@ -0,0 +1,310 @@
+import type * as escopeTypes from "eslint-scope"
+import type { ParserOptions } from "../common/parser-options"
+import type {
+    VAttribute,
+    VDirective,
+    VDocumentFragment,
+    VElement,
+    VExpressionContainer,
+} from "../ast"
+import { traverseNodes } from "../ast"
+import { getEslintScope } from "../common/eslint-scope"
+
+const BUILTIN_COMPONENTS = new Set([
+    "template",
+    "slot",
+    "component",
+    "Component",
+    "transition",
+    "Transition",
+    "transition-group",
+    "TransitionGroup",
+    "keep-alive",
+    "KeepAlive",
+    "teleport",
+    "Teleport",
+    "suspense",
+    "Suspense",
+])
+
+const BUILTIN_DIRECTIVES = new Set([
+    "bind",
+    "on",
+    "text",
+    "html",
+    "show",
+    "if",
+    "else",
+    "else-if",
+    "for",
+    "model",
+    "slot",
+    "pre",
+    "cloak",
+    "once",
+    "memo",
+    "is",
+])
+
+/**
+ * @see https://github.com/vuejs/core/blob/48de8a42b7fed7a03f7f1ff5d53d6a704252cafe/packages/shared/src/domTagConfig.ts#L5-L28
+ */
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element
+const HTML_TAGS =
+    "html,body,base,head,link,meta,style,title,address,article,aside,footer," +
+    "header,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption," +
+    "figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code," +
+    "data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup," +
+    "time,u,var,wbr,area,audio,map,track,video,embed,object,param,source," +
+    "canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td," +
+    "th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup," +
+    "option,output,progress,select,textarea,details,dialog,menu," +
+    "summary,template,blockquote,iframe,tfoot"
+
+// https://developer.mozilla.org/en-US/docs/Web/SVG/Element
+const SVG_TAGS =
+    "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile," +
+    "defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer," +
+    "feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap," +
+    "feDistanceLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR," +
+    "feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset," +
+    "fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter," +
+    "foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask," +
+    "mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern," +
+    "polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol," +
+    "text,textPath,title,tspan,unknown,use,view"
+
+const NATIVE_TAGS = new Set([...HTML_TAGS.split(","), ...SVG_TAGS.split(",")])
+
+const COMPILER_MACROS_AT_ROOT = new Set([
+    "defineProps",
+    "defineEmits",
+    "defineExpose",
+    "withDefaults",
+])
+
+/**
+ * `casing.camelCase()` converts the beginning to lowercase,
+ * but does not convert the case of the beginning character when converting with Vue3.
+ * @see https://github.com/vuejs/vue-next/blob/48de8a42b7fed7a03f7f1ff5d53d6a704252cafe/packages/shared/src/index.ts#L109
+ */
+function camelize(str: string) {
+    return str.replace(/-(\w)/gu, (_, c) => (c ? c.toUpperCase() : ""))
+}
+
+function capitalize(str: string) {
+    return str[0].toUpperCase() + str.slice(1)
+}
+
+/**
+ * Analyze `<script setup>` scope.
+ * This method does the following process:
+ *
+ * 1. Add a virtual reference to the variables used in the template to mark them as used.
+ * (This is the same way typescript-eslint marks a `React` variable.)
+ *
+ * 2. If compiler macros were used, add these variables as global variables.
+ */
+export function analyzeScriptSetupScope(
+    scopeManager: escopeTypes.ScopeManager,
+    templateBody: VElement | undefined,
+    df: VDocumentFragment,
+    _parserOptions: ParserOptions,
+): void {
+    analyzeUsedInTemplateVariables(scopeManager, templateBody, df)
+
+    analyzeCompilerMacrosVariables(scopeManager)
+}
+
+function extractVariables(scopeManager: escopeTypes.ScopeManager) {
+    const scriptVariables = new Map<string, escopeTypes.Variable>()
+    const globalScope = scopeManager.globalScope
+    if (!globalScope) {
+        return scriptVariables
+    }
+    for (const variable of globalScope.variables) {
+        scriptVariables.set(variable.name, variable)
+    }
+    const moduleScope = globalScope.childScopes.find(
+        (scope) => scope.type === "module",
+    )
+    for (const variable of (moduleScope && moduleScope.variables) || []) {
+        scriptVariables.set(variable.name, variable)
+    }
+    return scriptVariables
+}
+
+/**
+ * Analyze the variables used in the template.
+ * Add a virtual reference to the variables used in the template to mark them as used.
+ * (This is the same way typescript-eslint marks a `React` variable.)
+ */
+function analyzeUsedInTemplateVariables(
+    scopeManager: escopeTypes.ScopeManager,
+    templateBody: VElement | undefined,
+    df: VDocumentFragment,
+) {
+    const scriptVariables = extractVariables(scopeManager)
+
+    const markedVariables = new Set<string>()
+
+    /**
+     * @see https://github.com/vuejs/vue-next/blob/48de8a42b7fed7a03f7f1ff5d53d6a704252cafe/packages/compiler-core/src/transforms/transformElement.ts#L335
+     */
+    function markSetupReferenceVariableAsUsed(name: string) {
+        if (scriptVariables.has(name)) {
+            markVariableAsUsed(name)
+            return true
+        }
+        const camelName = camelize(name)
+        if (scriptVariables.has(camelName)) {
+            markVariableAsUsed(camelName)
+            return true
+        }
+        const pascalName = capitalize(camelName)
+        if (scriptVariables.has(pascalName)) {
+            markVariableAsUsed(pascalName)
+            return true
+        }
+        return false
+    }
+
+    function markVariableAsUsed(name: string) {
+        const variable = scriptVariables.get(name)
+        if (!variable) {
+            return
+        }
+        if (markedVariables.has(name)) {
+            return
+        }
+        markedVariables.add(name)
+
+        const reference = new (getEslintScope().Reference)()
+        ;(reference as any).vueUsedInTemplate = true // Mark for debugging.
+        reference.from = variable.scope
+        reference.identifier = variable.identifiers[0]
+        reference.isWrite = () => false
+        reference.isWriteOnly = () => false
+        reference.isRead = () => true
+        reference.isReadOnly = () => true
+        reference.isReadWrite = () => false
+        reference.isValueReference = true // For typescript-eslint
+
+        variable.references.push(reference)
+        reference.resolved = variable
+    }
+
+    function processVExpressionContainer(node: VExpressionContainer) {
+        for (const reference of node.references.filter(
+            (ref) => ref.variable == null,
+        )) {
+            markVariableAsUsed(reference.id.name)
+        }
+    }
+
+    function processVElement(node: VElement) {
+        if (
+            (node.rawName === node.name && NATIVE_TAGS.has(node.rawName)) ||
+            BUILTIN_COMPONENTS.has(node.rawName)
+        ) {
+            return
+        }
+        if (!markSetupReferenceVariableAsUsed(node.rawName)) {
+            // Check namespace
+            // https://github.com/vuejs/vue-next/blob/48de8a42b7fed7a03f7f1ff5d53d6a704252cafe/packages/compiler-core/src/transforms/transformElement.ts#L306
+            const dotIndex = node.rawName.indexOf(".")
+            if (dotIndex > 0) {
+                markSetupReferenceVariableAsUsed(
+                    node.rawName.slice(0, dotIndex),
+                )
+            }
+        }
+    }
+
+    function processVAttribute(node: VAttribute | VDirective) {
+        if (node.directive) {
+            if (BUILTIN_DIRECTIVES.has(node.key.name.name)) {
+                return
+            }
+            markSetupReferenceVariableAsUsed(`v-${node.key.name.rawName}`)
+        } else if (node.key.name === "ref" && node.value) {
+            markVariableAsUsed(node.value.value)
+        }
+    }
+
+    if (templateBody) {
+        // Analyze `<template>`
+        traverseNodes(templateBody, {
+            enterNode(node) {
+                if (node.type === "VExpressionContainer") {
+                    processVExpressionContainer(node)
+                } else if (node.type === "VElement") {
+                    processVElement(node)
+                } else if (node.type === "VAttribute") {
+                    processVAttribute(node)
+                }
+            },
+            leaveNode() {
+                /* noop */
+            },
+        })
+    }
+
+    // Analyze CSS v-bind()
+    for (const child of df.children) {
+        if (child.type === "VElement" && child.name === "style") {
+            for (const node of child.children) {
+                if (node.type === "VExpressionContainer") {
+                    processVExpressionContainer(node)
+                }
+            }
+        }
+    }
+}
+
+/**
+ * Analyze compiler macros.
+ * If compiler macros were used, add these variables as global variables.
+ */
+function analyzeCompilerMacrosVariables(
+    scopeManager: escopeTypes.ScopeManager,
+) {
+    const globalScope = scopeManager.globalScope
+    if (!globalScope) {
+        return
+    }
+    const compilerMacroVariables = new Map<string, escopeTypes.Variable>()
+
+    function addCompilerMacroVariable(reference: escopeTypes.Reference) {
+        const name = reference.identifier.name
+        let variable = compilerMacroVariables.get(name)
+        if (!variable) {
+            variable = new (getEslintScope().Variable)()
+            variable.name = name
+            variable.scope = globalScope
+            globalScope.variables.push(variable)
+            globalScope.set.set(name, variable)
+            compilerMacroVariables.set(name, variable)
+        }
+        // Links the variable and the reference.
+        reference.resolved = variable
+        variable.references.push(reference)
+    }
+
+    const newThrough: escopeTypes.Reference[] = []
+    for (const reference of globalScope.through) {
+        if (COMPILER_MACROS_AT_ROOT.has(reference.identifier.name)) {
+            if (
+                reference.from.type === "global" ||
+                reference.from.type === "module"
+            ) {
+                addCompilerMacroVariable(reference)
+                // This reference is removed from `Scope#through`.
+                continue
+            }
+        }
+        newThrough.push(reference)
+    }
+
+    globalScope.through = newThrough
+}
diff --git a/src/script/scope-analyzer.ts b/src/script/scope-analyzer.ts
index 4895e66e..369dbdb3 100644
--- a/src/script/scope-analyzer.ts
+++ b/src/script/scope-analyzer.ts
@@ -86,15 +86,10 @@ function getForScope(scope: escopeTypes.Scope): escopeTypes.Scope {
     return child.block === scope.block ? child.childScopes[0] : child
 }
 
-/**
- *
- * @param ast
- * @param parserOptions
- */
-function analyze(
+export function analyzeScope(
     ast: ESLintProgram,
     parserOptions: ParserOptions,
-): escopeTypes.Scope {
+): escopeTypes.ScopeManager {
     const ecmaVersion = getEcmaVersionIfUseEspree(parserOptions) || 2022
     const ecmaFeatures = parserOptions.ecmaFeatures || {}
     const sourceType = parserOptions.sourceType || "script"
@@ -107,7 +102,19 @@ function analyze(
         fallback: getFallbackKeys,
     })
 
-    return result.globalScope
+    return result
+}
+
+/**
+ *
+ * @param ast
+ * @param parserOptions
+ */
+function analyze(
+    ast: ESLintProgram,
+    parserOptions: ParserOptions,
+): escopeTypes.Scope {
+    return analyzeScope(ast, parserOptions).globalScope
 }
 
 /**
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/.eslintrc.json b/test/fixtures/integrations/script-setup-with-typescript-eslint/.eslintrc.json
new file mode 100644
index 00000000..54de939a
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/.eslintrc.json
@@ -0,0 +1,10 @@
+{
+    "root": true,
+    "parser": "../../../../src/index.ts",
+    "parserOptions": {
+        "ecmaVersion": 2020,
+        "sourceType": "module",
+        "parser": "@typescript-eslint/parser"
+    },
+    "plugins": ["@typescript-eslint"]
+}
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/.npmrc b/test/fixtures/integrations/script-setup-with-typescript-eslint/.npmrc
new file mode 100644
index 00000000..c1ca392f
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/.npmrc
@@ -0,0 +1 @@
+package-lock = false
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/.eslintrc.json b/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/.eslintrc.json
new file mode 100644
index 00000000..a884ca94
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "@typescript-eslint/consistent-type-imports": "error"
+    }
+}
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/valid.vue b/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/valid.vue
new file mode 100644
index 00000000..cee3d088
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/consistent-type-imports/valid.vue
@@ -0,0 +1,9 @@
+
+<script setup lang="ts">
+    import Foo from './Foo.vue'
+    export type FooType = typeof Foo
+</script>
+
+<template>
+    <Foo />
+</template>
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/.eslintrc.json b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/.eslintrc.json
new file mode 100644
index 00000000..f21f62ca
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "no-undef": "error"
+    }
+}
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/invalid/with-defaults.vue b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/invalid/with-defaults.vue
new file mode 100644
index 00000000..7496058b
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/invalid/with-defaults.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+interface Props {
+  msg?: string
+  labels?: string[]
+}
+
+{
+  const props = withDefaults(defineProps<Props>(), {
+    msg: 'hello',
+    labels: () => ['one', 'two']
+  })
+}
+</script>
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/valid/with-defaults.vue b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/valid/with-defaults.vue
new file mode 100644
index 00000000..6e2bd254
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/no-undef/valid/with-defaults.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+interface Props {
+  msg?: string
+  labels?: string[]
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  msg: 'hello',
+  labels: () => ['one', 'two']
+})
+</script>
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/output.json b/test/fixtures/integrations/script-setup-with-typescript-eslint/output.json
new file mode 100644
index 00000000..1a7e639e
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/output.json
@@ -0,0 +1,17 @@
+[
+    {
+        "filePath": "/no-undef/invalid/with-defaults.vue",
+        "messages": [
+            {
+                "ruleId": "no-undef",
+                "line": 8,
+                "message": "'withDefaults' is not defined."
+            },
+            {
+                "ruleId": "no-undef",
+                "line": 8,
+                "message": "'defineProps' is not defined."
+            }
+        ]
+    }
+]
diff --git a/test/fixtures/integrations/script-setup-with-typescript-eslint/package.json b/test/fixtures/integrations/script-setup-with-typescript-eslint/package.json
new file mode 100644
index 00000000..c158dd6f
--- /dev/null
+++ b/test/fixtures/integrations/script-setup-with-typescript-eslint/package.json
@@ -0,0 +1,7 @@
+{
+  "devDependencies": {
+    "eslint": "^8.8.0",
+    "@typescript-eslint/parser": "^5.10.2",
+    "@typescript-eslint/eslint-plugin": "^5.10.2"
+  }
+}
diff --git a/test/fixtures/integrations/script-setup/.eslintrc.json b/test/fixtures/integrations/script-setup/.eslintrc.json
new file mode 100644
index 00000000..7815413c
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+    "root": true,
+    "parser": "../../../../src/index.ts",
+    "parserOptions": {
+        "ecmaVersion": 2022,
+        "sourceType": "module"
+    },
+    "env": {
+        "browser": true
+    }
+}
diff --git a/test/fixtures/integrations/script-setup/.npmrc b/test/fixtures/integrations/script-setup/.npmrc
new file mode 100644
index 00000000..c1ca392f
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/.npmrc
@@ -0,0 +1 @@
+package-lock = false
diff --git a/test/fixtures/integrations/script-setup/no-undef/.eslintrc.json b/test/fixtures/integrations/script-setup/no-undef/.eslintrc.json
new file mode 100644
index 00000000..f21f62ca
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "no-undef": "error"
+    }
+}
diff --git a/test/fixtures/integrations/script-setup/no-undef/invalid/define-expose.vue b/test/fixtures/integrations/script-setup/no-undef/invalid/define-expose.vue
new file mode 100644
index 00000000..aa6d6193
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/invalid/define-expose.vue
@@ -0,0 +1,13 @@
+<script setup>
+import { ref } from 'vue'
+
+const a = 1
+const b = ref(2)
+
+if(a) {
+  defineExpose({
+    a,
+    b
+  })
+}
+</script>
diff --git a/test/fixtures/integrations/script-setup/no-undef/invalid/define-props-and-emits.vue b/test/fixtures/integrations/script-setup/no-undef/invalid/define-props-and-emits.vue
new file mode 100644
index 00000000..c94cc8dc
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/invalid/define-props-and-emits.vue
@@ -0,0 +1,9 @@
+<script setup>
+{
+  const props = defineProps({
+    foo: String
+  })
+
+  const emit = defineEmits(['change', 'delete'])
+}
+</script>
diff --git a/test/fixtures/integrations/script-setup/no-undef/valid/define-expose.vue b/test/fixtures/integrations/script-setup/no-undef/valid/define-expose.vue
new file mode 100644
index 00000000..9a34c335
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/valid/define-expose.vue
@@ -0,0 +1,11 @@
+<script setup>
+import { ref } from 'vue'
+
+const a = 1
+const b = ref(2)
+
+defineExpose({
+  a,
+  b
+})
+</script>
diff --git a/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits-with-import.vue b/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits-with-import.vue
new file mode 100644
index 00000000..526aa2a7
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits-with-import.vue
@@ -0,0 +1,9 @@
+<script setup>
+import {defineProps, defineEmits} from 'vue'
+const props = defineProps({
+  foo: String
+})
+
+const emit = defineEmits(['change', 'delete'])
+// setup code
+</script>
diff --git a/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits.vue b/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits.vue
new file mode 100644
index 00000000..d436665f
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-undef/valid/define-props-and-emits.vue
@@ -0,0 +1,8 @@
+<script setup>
+const props = defineProps({
+  foo: String
+})
+
+const emit = defineEmits(['change', 'delete'])
+// setup code
+</script>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/.eslintrc.json b/test/fixtures/integrations/script-setup/no-unused-vars/.eslintrc.json
new file mode 100644
index 00000000..da817b4c
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/.eslintrc.json
@@ -0,0 +1,5 @@
+{
+    "rules": {
+        "no-unused-vars": "error"
+    }
+}
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/component-names.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/component-names.vue
new file mode 100644
index 00000000..63792e58
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/component-names.vue
@@ -0,0 +1,7 @@
+<script setup>
+    import camelCase from './component.vue'
+</script>
+
+<template>
+    <CamelCase />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/css-v-bind.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/css-v-bind.vue
new file mode 100644
index 00000000..43f25387
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/css-v-bind.vue
@@ -0,0 +1,12 @@
+<script setup>
+    const color = 'red'
+</script>
+
+<style lang="scss">
+    .v-bind .color {
+        color: 'v-bind(color)';
+        background-color: 'v-bind(color)';
+    }
+    /* v-bind(color) */
+    // v-bind(color)
+</style>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/invalid-scope.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/invalid-scope.vue
new file mode 100644
index 00000000..2943f78c
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/invalid-scope.vue
@@ -0,0 +1,9 @@
+<script setup>
+    if (true) {
+        const msg = 'Hello!'
+    }
+</script>
+
+<template>
+    <div>{{ msg }}</div>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/sample.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/sample.vue
new file mode 100644
index 00000000..92024d49
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/sample.vue
@@ -0,0 +1,22 @@
+<script setup>
+    // imported components are also directly usable in template
+    import Foo from './Foo.vue'
+    import Bar from './Bar.vue'
+    import { ref } from 'vue'
+
+    // write Composition API code just like in a normal setup()
+    // but no need to manually return everything
+    const count = ref(0)
+    const inc = () => {
+    count.value++
+    }
+    const foo = ref(42)
+    console.log(foo.value)
+    const bar = ref(42)
+    bar.value++
+    const baz = ref(42)
+</script>
+
+<template>
+    <Foo :count="count" @click="inc" />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/with-v-for.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/with-v-for.vue
new file mode 100644
index 00000000..213f418b
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/with-v-for.vue
@@ -0,0 +1,8 @@
+<script setup>
+    const i = 42
+    const list = [1,2,3]
+</script>
+
+<template>
+    <div v-for="i in list">{{ i }}</div>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/invalid/without-script-setup.vue b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/without-script-setup.vue
new file mode 100644
index 00000000..bb67fbb1
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/invalid/without-script-setup.vue
@@ -0,0 +1,7 @@
+<script>
+    const msg = 'Hello!'
+</script>
+
+<template>
+    <div>{{ msg }}</div>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-is.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-is.vue
new file mode 100644
index 00000000..a08343d2
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-is.vue
@@ -0,0 +1,9 @@
+<script setup>
+    import Foo from './Foo.vue'
+    import Bar from './Bar.vue'
+</script>
+
+<template>
+    <component :is="Foo" />
+    <component :is="someCondition ? Foo : Bar" />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names1.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names1.vue
new file mode 100644
index 00000000..26196fd1
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names1.vue
@@ -0,0 +1,11 @@
+<script setup>
+    import FooPascalCase from './component.vue'
+    import BarPascalCase from './component.vue'
+    import BazPascalCase from './component.vue'
+</script>
+
+<template>
+    <FooPascalCase />
+    <bar-pascal-case />
+    <bazPascalCase />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names2.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names2.vue
new file mode 100644
index 00000000..a75da9e9
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/component-names2.vue
@@ -0,0 +1,9 @@
+<script setup>
+    import fooCamelCase from './component.vue'
+    import barCamelCase from './component.vue'
+</script>
+
+<template>
+    <fooCamelCase />
+    <bar-camel-case />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/css-v-bind.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/css-v-bind.vue
new file mode 100644
index 00000000..822b035c
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/css-v-bind.vue
@@ -0,0 +1,11 @@
+<script setup>
+    const color = 'red'
+    const font = { size: '2em' }
+</script>
+
+<style>
+    * {
+        color: v-bind(color);
+        font-size: v-bind('font.size');
+    }
+</style>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/directive.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/directive.vue
new file mode 100644
index 00000000..bff5a052
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/directive.vue
@@ -0,0 +1,7 @@
+<script setup>
+    import { directive as vClickOutside } from 'v-click-outside'
+</script>
+
+<template>
+    <div v-click-outside />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/kebab-case-component.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/kebab-case-component.vue
new file mode 100644
index 00000000..b4d26cd4
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/kebab-case-component.vue
@@ -0,0 +1,10 @@
+<script setup>
+    import Foo from './Foo.vue'
+    import MyComponent from './MyComponent.vue'
+</script>
+
+<template>
+    <Foo />
+    <!-- kebab-case also works -->
+    <my-component />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/mustash.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/mustash.vue
new file mode 100644
index 00000000..c7c27a17
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/mustash.vue
@@ -0,0 +1,7 @@
+<script setup>
+    const msg = 'Hello!'
+</script>
+
+<template>
+    <div>{{ msg }}</div>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/ns-component.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/ns-component.vue
new file mode 100644
index 00000000..84fcdcac
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/ns-component.vue
@@ -0,0 +1,9 @@
+<script setup>
+import * as Form from './form-components'
+</script>
+
+<template>
+    <Form.Input>
+        <Form.Label>label</Form.Label>
+    </Form.Input>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/ref.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/ref.vue
new file mode 100644
index 00000000..b2a58120
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/ref.vue
@@ -0,0 +1,8 @@
+<script setup>
+    import {ref} from 'vue'
+    const v = ref(null)
+</script>
+
+<template>
+    <div ref="v"/>
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/sample.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/sample.vue
new file mode 100644
index 00000000..7c5b2f53
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/sample.vue
@@ -0,0 +1,16 @@
+<script setup>
+    // imported components are also directly usable in template
+    import Foo from './Foo.vue'
+    import { ref } from 'vue'
+
+    // write Composition API code just like in a normal setup()
+    // but no need to manually return everything
+    const count = ref(0)
+    const inc = () => {
+    count.value++
+    }
+</script>
+
+<template>
+    <Foo :count="count" @click="inc" />
+</template>
diff --git a/test/fixtures/integrations/script-setup/no-unused-vars/valid/top-level-await.vue b/test/fixtures/integrations/script-setup/no-unused-vars/valid/top-level-await.vue
new file mode 100644
index 00000000..be6f803a
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/no-unused-vars/valid/top-level-await.vue
@@ -0,0 +1,7 @@
+<script setup>
+    const post = await fetch(`/api/post/1`).then((r) => r.json())
+</script>
+
+<template>
+    {{post}}
+</template>
diff --git a/test/fixtures/integrations/script-setup/output.json b/test/fixtures/integrations/script-setup/output.json
new file mode 100644
index 00000000..c8c96350
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/output.json
@@ -0,0 +1,92 @@
+[
+    {
+        "filePath": "/no-undef/invalid/define-expose.vue",
+        "messages": [
+            {
+                "ruleId": "no-undef",
+                "line": 8,
+                "message": "'defineExpose' is not defined."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-undef/invalid/define-props-and-emits.vue",
+        "messages": [
+            {
+                "ruleId": "no-undef",
+                "line": 3,
+                "message": "'defineProps' is not defined."
+            },
+            {
+                "ruleId": "no-undef",
+                "line": 7,
+                "message": "'defineEmits' is not defined."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/component-names.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 2,
+                "message": "'camelCase' is defined but never used."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/css-v-bind.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 2,
+                "message": "'color' is assigned a value but never used."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/invalid-scope.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 3,
+                "message": "'msg' is assigned a value but never used."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/sample.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 4,
+                "message": "'Bar' is defined but never used."
+            },
+            {
+                "ruleId": "no-unused-vars",
+                "line": 17,
+                "message": "'baz' is assigned a value but never used."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/with-v-for.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 2,
+                "message": "'i' is assigned a value but never used."
+            }
+        ]
+    },
+    {
+        "filePath": "/no-unused-vars/invalid/without-script-setup.vue",
+        "messages": [
+            {
+                "ruleId": "no-unused-vars",
+                "line": 2,
+                "message": "'msg' is assigned a value but never used."
+            }
+        ]
+    }
+]
diff --git a/test/fixtures/integrations/script-setup/package.json b/test/fixtures/integrations/script-setup/package.json
new file mode 100644
index 00000000..75604bef
--- /dev/null
+++ b/test/fixtures/integrations/script-setup/package.json
@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "eslint": "^8.8.0"
+  }
+}
diff --git a/test/integrations.js b/test/integrations.js
new file mode 100644
index 00000000..1f230e95
--- /dev/null
+++ b/test/integrations.js
@@ -0,0 +1,103 @@
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+const assert = require("assert")
+const path = require("path")
+const fs = require("fs-extra")
+const cp = require("child_process")
+const semver = require("semver")
+const eslintCompat = require("./lib/eslint-compat")
+
+//------------------------------------------------------------------------------
+// Helpers
+//------------------------------------------------------------------------------
+
+const FIXTURE_DIR = path.join(__dirname, "fixtures/integrations")
+
+//------------------------------------------------------------------------------
+// Tests
+//------------------------------------------------------------------------------
+
+describe("Integration tests", () => {
+    if (!semver.gte(process.version, "14.0.0")) {
+        return
+    }
+    for (const target of fs.readdirSync(FIXTURE_DIR)) {
+        it(target, async () => {
+            let ESLint = eslintCompat(require("eslint")).ESLint
+            if (fs.existsSync(path.join(FIXTURE_DIR, target, "package.json"))) {
+                const originalCwd = process.cwd()
+                try {
+                    process.chdir(path.join(FIXTURE_DIR, target))
+                    cp.execSync("npm i", { stdio: "inherit" })
+                    ESLint = eslintCompat(
+                        require(path.join(
+                            FIXTURE_DIR,
+                            target,
+                            "node_modules/eslint",
+                        )),
+                    ).ESLint
+                } finally {
+                    process.chdir(originalCwd)
+                }
+            }
+            const cwd = path.join(FIXTURE_DIR, target)
+            const cli = new ESLint({
+                cwd,
+            })
+            const report = await cli.lintFiles(["**/*.vue"])
+
+            const outputPath = path.join(FIXTURE_DIR, target, `output.json`)
+            const expected = JSON.parse(fs.readFileSync(outputPath, "utf8"))
+            try {
+                assert.deepStrictEqual(
+                    normalizeReport(report, { withoutMessage: true }),
+                    normalizeReport(expected, {
+                        withoutMessage: true,
+                    }),
+                )
+            } catch (e) {
+                const actualPath = path.join(
+                    FIXTURE_DIR,
+                    target,
+                    `_actual.json`,
+                )
+                fs.writeFileSync(
+                    actualPath,
+                    JSON.stringify(normalizeReport(report), null, 4),
+                    "utf8",
+                )
+                throw e
+            }
+
+            function normalizeReport(report, option = {}) {
+                return report
+                    .filter((res) => res.messages.length)
+                    .map((res) => {
+                        return {
+                            filePath: res.filePath
+                                .replace(cwd, "")
+                                .replace(/\\/gu, "/"),
+                            messages: res.messages.map((msg) => {
+                                return {
+                                    ruleId: msg.ruleId,
+                                    line: msg.line,
+                                    ...(option.withoutMessage
+                                        ? {}
+                                        : { message: msg.message }),
+                                }
+                            }),
+                        }
+                    })
+                    .sort((a, b) =>
+                        a.filePath < b.filePath
+                            ? -1
+                            : a.filePath < b.filePath
+                            ? 1
+                            : 0,
+                    )
+            }
+        })
+    }
+})
diff --git a/typings/eslint-scope/index.d.ts b/typings/eslint-scope/index.d.ts
index 61228932..c3ae32b5 100644
--- a/typings/eslint-scope/index.d.ts
+++ b/typings/eslint-scope/index.d.ts
@@ -43,13 +43,13 @@ export interface Scope {
     variableScope: Scope
 }
 
-export interface Variable {
-    defs: VariableDefinition[]
-    identifiers: estree.Identifier[]
-    name: string
-    references: Reference[]
-    scope: Scope
-    stack: boolean
+export class Variable {
+    public defs: VariableDefinition[]
+    public identifiers: estree.Identifier[]
+    public name: string
+    public references: Reference[]
+    public scope: Scope
+    public stack: boolean
 }
 
 export interface VariableDefinition {
@@ -59,20 +59,24 @@ export interface VariableDefinition {
     parent?: estree.Node
 }
 
-export interface Reference {
-    from: Scope
-    identifier: estree.Identifier
-    partial: boolean
-    resolved: Variable | null
-    tainted: boolean
-    writeExpr: estree.Expression
+export class Reference {
+    public from: Scope
+    public identifier: estree.Identifier
+    public partial: boolean
+    public resolved: Variable | null
+    public tainted: boolean
+    public writeExpr: estree.Expression
+
+    public isRead(): boolean
+    public isReadOnly(): boolean
+    public isReadWrite(): boolean
+    public isStatic(): boolean
+    public isWrite(): boolean
+    public isWriteOnly(): boolean
 
-    isRead(): boolean
-    isReadOnly(): boolean
-    isReadWrite(): boolean
-    isStatic(): boolean
-    isWrite(): boolean
-    isWriteOnly(): boolean
+    // For typescript-eslint
+    public isTypeReference: boolean
+    public isValueReference: boolean
 }
 
 export declare const analyze: (

From 9448a785020d9635ab80eaa70b952206183d8638 Mon Sep 17 00:00:00 2001
From: rash <rashfael@isobeef.org>
Date: Thu, 14 Apr 2022 08:16:05 +0200
Subject: [PATCH 2/6] Custom template tokenizers (#148)

* add support for custom template tokenizers

* fix types

* Make existing tests pass

* merge tokens into existing tokenizer

* add ast test

* Write documentation for custom template tokenizers

* forward tokenizer controls to custom tokenizer

* document attributes used to control tokenizer

* refactor template text tokenizing into separate method.

* fix mock tokenizer token ranges

* guard against empty text nodes

* don't parse mustaches when template lang isn't html

* test if tokenizer gets unprocessed mustaches

* don't call the custom tokinzer on root text nodes if we are already processing a custom template lang

* don't have empty tokens in custom tokenizer

* add disclaimer for templateTokenizer option

* prevent nested template parsing by checking if template is top level instead of maintaining a flag
---
 README.md                                     |  23 +
 ...implementing-custom-template-tokenizers.md |  70 ++
 src/common/parser-options.ts                  |   2 +
 src/html/parser.ts                            |  68 +-
 src/index.ts                                  |   3 +-
 test/ast.js                                   |  10 +
 .../ast/custom-template-tokenizer/ast.json    | 884 ++++++++++++++++++
 .../custom-tokenizer.js                       | 153 +++
 .../parser-options.json                       |   5 +
 .../ast/custom-template-tokenizer/source.vue  |   3 +
 .../token-ranges.json                         |  25 +
 .../ast/custom-template-tokenizer/tree.json   | 107 +++
 12 files changed, 1350 insertions(+), 3 deletions(-)
 create mode 100644 docs/implementing-custom-template-tokenizers.md
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/ast.json
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/custom-tokenizer.js
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/parser-options.json
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/source.vue
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/token-ranges.json
 create mode 100644 test/fixtures/ast/custom-template-tokenizer/tree.json

diff --git a/README.md b/README.md
index 62f128eb..9ad0f7e1 100644
--- a/README.md
+++ b/README.md
@@ -194,6 +194,29 @@ If set to `true`, to parse expressions in `v-bind` CSS functions inside `<style>
 
 See also to [here](https://github.com/vuejs/rfcs/blob/master/active-rfcs/0043-sfc-style-variables.md).
 
+### parserOptions.templateTokenizer
+
+You can use `parserOptions.templateTokenizer` property to specify custom tokenizers to parse `<template lang="...">` tags.
+
+For example to enable parsing of pug templates:
+
+```jsonc
+{
+    "parser": "vue-eslint-parser",
+    "parserOptions": {
+        "templateTokenizer": {
+             // template tokenizer for `<template lang="pug">`
+            "pug": "vue-eslint-parser-template-tokenizer-pug",
+        }
+    }
+}
+```
+
+This option is only intended for plugin developers. **Be careful** when using this option directly, as it may change behaviour of rules you might have enabled.  
+If you just want **pug** support, use [eslint-plugin-vue-pug](https://github.com/rashfael/eslint-plugin-vue-pug) instead, which uses this option internally.
+
+See [implementing-custom-template-tokenizers.md](./docs/implementing-custom-template-tokenizers.md) for information on creating your own template tokenizer.
+
 ## 🎇 Usage for custom rules / plugins
 
 - This parser provides `parserServices` to traverse `<template>`.
diff --git a/docs/implementing-custom-template-tokenizers.md b/docs/implementing-custom-template-tokenizers.md
new file mode 100644
index 00000000..e7d80237
--- /dev/null
+++ b/docs/implementing-custom-template-tokenizers.md
@@ -0,0 +1,70 @@
+# Implementing custom template tokenizers
+
+A custom template tokenizer needs to create two types of tokens from the text it is given:
+
+- Low level [tokens](https://github.com/vuejs/vue-eslint-parser/blob/master/src/ast/tokens.ts), which can be of an [existing HTML type](https://github.com/vuejs/vue-eslint-parser/blob/master/src/html/tokenizer.ts#L59) or even new types.
+- Intermediate tokens, which **must** be of type `StartTag`, `EndTag`, `Text` or `Mustache` (see [IntermediateTokenizer](https://github.com/vuejs/vue-eslint-parser/blob/master/src/html/intermediate-tokenizer.ts#L33)).
+
+Token ranges and locations must count from the start of the document. To help with this, custom tokenizers are initialized with a starting line and column.
+
+## Interface
+
+```ts
+class CustomTokenizer {
+    /**
+     * The tokenized low level tokens, excluding comments.
+     */
+    tokens: Token[]
+     /**
+     * The tokenized low level comment tokens
+     */
+    comments: Token[]
+    errors: ParseError[]
+
+    /**
+     * Used to control tokenization of {{ expressions }}. If false, don't produce VExpressionStart/End tokens
+     */
+    expressionEnabled: boolean = true
+
+    /**
+     * The current namespace. Set and used by the parser. You probably can ignore this.
+     */
+    namespace: string = "http://www.w3.org/1999/xhtml"
+
+    /**
+     * The current tokenizer state. Set by the parser. You can probably ignore this.
+     */
+    state: string = "DATA"
+
+    /**
+     * The complete source code text. Used by the parser and set via the constructor.
+     */
+    text: string
+
+    /**
+     * Initialize this tokenizer.
+     * @param templateText The contents of the <template> tag.
+     * @param text The complete source code
+     * @param {startingLine, startingColumn} The starting location of the templateText. Your token positions need to include this offset.
+     */
+    constructor (templateText: string, text: string, { startingLine: number, startingColumn: number }) {
+        this.text = text
+    }
+
+    /**
+     * Get the next intermediate token.
+     * @returns The intermediate token or null.
+     */
+    nextToken (): IntermediateToken | null {
+
+    }
+}
+```
+
+## Behaviour
+
+When the html parser encounters a `<template lang="...">` tag that matches a configured custom tokenizer, it will initialize a new instance of this tokenizer with the contents of the template tag. It will then call the `nextToken` method of this tokenizer until it returns `null`. After having consumed all intermediate tokens it will copy the low level tokens, comments and errors from the tokenizer instance.
+
+## Examples
+
+For a working example, see [vue-eslint-parser-template-tokenizer-pug](https://github.com/rashfael/vue-eslint-parser-template-tokenizer-pug/).
diff --git a/src/common/parser-options.ts b/src/common/parser-options.ts
index fd459310..96016478 100644
--- a/src/common/parser-options.ts
+++ b/src/common/parser-options.ts
@@ -40,6 +40,8 @@ export interface ParserOptions {
 
     // others
     // [key: string]: any
+
+    templateTokenizer?: { [key: string]: string }
 }
 
 export function isSFCFile(parserOptions: ParserOptions) {
diff --git a/src/html/parser.ts b/src/html/parser.ts
index 68b9defb..f52b801c 100644
--- a/src/html/parser.ts
+++ b/src/html/parser.ts
@@ -15,6 +15,7 @@ import type {
     VDocumentFragment,
     VElement,
     VExpressionContainer,
+    VLiteral,
 } from "../ast"
 import { NS, ParseError } from "../ast"
 import { debug } from "../common/debug"
@@ -51,6 +52,8 @@ import {
     getScriptParser,
     getParserLangFromSFC,
 } from "../common/parser-options"
+import sortedIndexBy from "lodash/sortedIndexBy"
+import sortedLastIndexBy from "lodash/sortedLastIndexBy"
 
 const DIRECTIVE_NAME = /^(?:v-|[.:@#]).*[^.:@#]$/u
 const DT_DD = /^d[dt]$/u
@@ -474,6 +477,48 @@ export class Parser {
         }
     }
 
+    /**
+     * Process the given template text token with a configured template tokenizer, based on language.
+     * @param token The template text token to process.
+     * @param lang The template language the text token should be parsed as.
+     */
+    private processTemplateText(token: Text, lang: string): void {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const TemplateTokenizer = require(this.baseParserOptions
+            .templateTokenizer![lang])
+        const templateTokenizer = new TemplateTokenizer(
+            token.value,
+            this.text,
+            {
+                startingLine: token.loc.start.line,
+                startingColumn: token.loc.start.column,
+            },
+        )
+
+        // override this.tokenizer to forward expressionEnabled and state changes
+        const rootTokenizer = this.tokenizer
+        this.tokenizer = templateTokenizer
+
+        let templateToken: IntermediateToken | null = null
+        while ((templateToken = templateTokenizer.nextToken()) != null) {
+            ;(this as any)[templateToken.type](templateToken)
+        }
+
+        this.tokenizer = rootTokenizer
+
+        const index = sortedIndexBy(
+            this.tokenizer.tokens,
+            token,
+            (x) => x.range[0],
+        )
+        const count =
+            sortedLastIndexBy(this.tokenizer.tokens, token, (x) => x.range[1]) -
+            index
+        this.tokenizer.tokens.splice(index, count, ...templateTokenizer.tokens)
+        this.tokenizer.comments.push(...templateTokenizer.comments)
+        this.tokenizer.errors.push(...templateTokenizer.errors)
+    }
+
     /**
      * Handle the start tag token.
      * @param token The token to handle.
@@ -575,11 +620,12 @@ export class Parser {
                 const lang = langAttr?.value?.value
 
                 if (elementName === "template") {
+                    this.expressionEnabled = true
                     if (lang && lang !== "html") {
                         // It is not an HTML template.
                         this.tokenizer.state = "RAWTEXT"
+                        this.expressionEnabled = false
                     }
-                    this.expressionEnabled = true
                 } else if (this.isSFC) {
                     // Element is Custom Block. e.g. <i18n>
                     // Referred to the Vue parser. See https://github.com/vuejs/vue-next/blob/cbaa3805064cb581fc2007cf63774c91d39844fe/packages/compiler-sfc/src/parse.ts#L127
@@ -639,8 +685,26 @@ export class Parser {
      */
     protected Text(token: Text): void {
         debug("[html] Text %j", token)
-
         const parent = this.currentNode
+        if (
+            token.value &&
+            parent.type === "VElement" &&
+            parent.name === "template" &&
+            parent.parent.type === "VDocumentFragment"
+        ) {
+            const langAttribute = parent.startTag.attributes.find(
+                (a) => a.key.name === "lang",
+            )
+            const lang = (langAttribute?.value as VLiteral)?.value
+            if (
+                lang &&
+                lang !== "html" &&
+                this.baseParserOptions.templateTokenizer?.[lang]
+            ) {
+                this.processTemplateText(token, lang)
+                return
+            }
+        }
         parent.children.push({
             type: "VText",
             range: token.range,
diff --git a/src/index.ts b/src/index.ts
index eff1ef93..bf582c2f 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -108,13 +108,14 @@ function parseAsSFC(code: string, options: ParserOptions) {
     const scripts = rootAST.children.filter(isScriptElement)
     const template = rootAST.children.find(isTemplateElement)
     const templateLang = getLang(template) || "html"
+    const hasTemplateTokenizer = options?.templateTokenizer?.[templateLang]
     const concreteInfo: AST.HasConcreteInfo = {
         tokens: rootAST.tokens,
         comments: rootAST.comments,
         errors: rootAST.errors,
     }
     const templateBody =
-        template != null && templateLang === "html"
+        template != null && (templateLang === "html" || hasTemplateTokenizer)
             ? Object.assign(template, concreteInfo)
             : undefined
 
diff --git a/test/ast.js b/test/ast.js
index 71720993..98ca9b89 100644
--- a/test/ast.js
+++ b/test/ast.js
@@ -186,6 +186,16 @@ describe("Template AST", () => {
         const services = fs.existsSync(servicesPath)
             ? JSON.parse(fs.readFileSync(servicesPath, "utf8"))
             : null
+        if (parserOptions.templateTokenizer) {
+            parserOptions.templateTokenizer = Object.fromEntries(
+                Object.entries(parserOptions.templateTokenizer).map(
+                    ([key, value]) => [
+                        key,
+                        path.resolve(__dirname, "../", value),
+                    ],
+                ),
+            )
+        }
         const options = Object.assign(
             { filePath: sourcePath },
             PARSER_OPTIONS,
diff --git a/test/fixtures/ast/custom-template-tokenizer/ast.json b/test/fixtures/ast/custom-template-tokenizer/ast.json
new file mode 100644
index 00000000..d82bb8c4
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/ast.json
@@ -0,0 +1,884 @@
+{
+    "type": "Program",
+    "start": 0,
+    "end": 0,
+    "loc": {
+        "start": {
+            "line": 1,
+            "column": 0
+        },
+        "end": {
+            "line": 1,
+            "column": 0
+        }
+    },
+    "range": [
+        0,
+        0
+    ],
+    "body": [],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            112
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 3,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/1999/xhtml",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                28
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 28
+                }
+            },
+            "selfClosing": false,
+            "attributes": [
+                {
+                    "type": "VAttribute",
+                    "range": [
+                        10,
+                        27
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 1,
+                            "column": 10
+                        },
+                        "end": {
+                            "line": 1,
+                            "column": 27
+                        }
+                    },
+                    "directive": false,
+                    "key": {
+                        "type": "VIdentifier",
+                        "range": [
+                            10,
+                            14
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 1,
+                                "column": 10
+                            },
+                            "end": {
+                                "line": 1,
+                                "column": 14
+                            }
+                        },
+                        "name": "lang",
+                        "rawName": "lang"
+                    },
+                    "value": {
+                        "type": "VLiteral",
+                        "range": [
+                            15,
+                            27
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 1,
+                                "column": 15
+                            },
+                            "end": {
+                                "line": 1,
+                                "column": 27
+                            }
+                        },
+                        "value": "customLang"
+                    }
+                }
+            ]
+        },
+        "children": [
+            {
+                "type": "VElement",
+                "range": [
+                    33,
+                    82
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 53
+                    }
+                },
+                "name": "a-totally",
+                "rawName": "A-totally",
+                "namespace": "http://www.w3.org/1999/xhtml",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        33,
+                        54
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 25
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": [
+                        {
+                            "type": "VAttribute",
+                            "directive": true,
+                            "range": [
+                                43,
+                                53
+                            ],
+                            "loc": {},
+                            "key": {
+                                "type": "VDirectiveKey",
+                                "range": [
+                                    43,
+                                    48
+                                ],
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 14
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 19
+                                    }
+                                },
+                                "name": {
+                                    "type": "VIdentifier",
+                                    "range": [
+                                        43,
+                                        44
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "column": 14,
+                                            "line": 2
+                                        },
+                                        "end": {
+                                            "column": 15,
+                                            "line": 2
+                                        }
+                                    },
+                                    "name": "bind",
+                                    "rawName": ":"
+                                },
+                                "argument": {
+                                    "type": "VIdentifier",
+                                    "range": [
+                                        44,
+                                        48
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "column": 15,
+                                            "line": 2
+                                        },
+                                        "end": {
+                                            "column": 19,
+                                            "line": 2
+                                        }
+                                    },
+                                    "name": "made",
+                                    "rawName": "made"
+                                },
+                                "modifiers": []
+                            },
+                            "value": {
+                                "type": "VExpressionContainer",
+                                "range": [
+                                    49,
+                                    53
+                                ],
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 20
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 24
+                                    }
+                                },
+                                "expression": {
+                                    "type": "Identifier",
+                                    "start": 50,
+                                    "end": 52,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 21
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 23
+                                        }
+                                    },
+                                    "range": [
+                                        50,
+                                        52
+                                    ],
+                                    "name": "up"
+                                },
+                                "references": [
+                                    {
+                                        "id": {
+                                            "type": "Identifier",
+                                            "start": 50,
+                                            "end": 52,
+                                            "loc": {
+                                                "start": {
+                                                    "line": 2,
+                                                    "column": 21
+                                                },
+                                                "end": {
+                                                    "line": 2,
+                                                    "column": 23
+                                                }
+                                            },
+                                            "range": [
+                                                50,
+                                                52
+                                            ],
+                                            "name": "up"
+                                        },
+                                        "mode": "r"
+                                    }
+                                ]
+                            }
+                        }
+                    ]
+                },
+                "children": [
+                    {
+                        "type": "VExpressionContainer",
+                        "range": [
+                            55,
+                            82
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 26
+                            },
+                            "end": {
+                                "line": 2,
+                                "column": 53
+                            }
+                        },
+                        "expression": {
+                            "type": "BinaryExpression",
+                            "start": 58,
+                            "end": 79,
+                            "loc": {
+                                "start": {
+                                    "line": 2,
+                                    "column": 29
+                                },
+                                "end": {
+                                    "line": 2,
+                                    "column": 50
+                                }
+                            },
+                            "range": [
+                                58,
+                                79
+                            ],
+                            "left": {
+                                "type": "Identifier",
+                                "start": 58,
+                                "end": 68,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 29
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 39
+                                    }
+                                },
+                                "range": [
+                                    58,
+                                    68
+                                ],
+                                "name": "templating"
+                            },
+                            "operator": "+",
+                            "right": {
+                                "type": "Identifier",
+                                "start": 71,
+                                "end": 79,
+                                "loc": {
+                                    "start": {
+                                        "line": 2,
+                                        "column": 42
+                                    },
+                                    "end": {
+                                        "line": 2,
+                                        "column": 50
+                                    }
+                                },
+                                "range": [
+                                    71,
+                                    79
+                                ],
+                                "name": "language"
+                            }
+                        },
+                        "references": [
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 58,
+                                    "end": 68,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 29
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 39
+                                        }
+                                    },
+                                    "range": [
+                                        58,
+                                        68
+                                    ],
+                                    "name": "templating"
+                                },
+                                "mode": "r"
+                            },
+                            {
+                                "id": {
+                                    "type": "Identifier",
+                                    "start": 71,
+                                    "end": 79,
+                                    "loc": {
+                                        "start": {
+                                            "line": 2,
+                                            "column": 42
+                                        },
+                                        "end": {
+                                            "line": 2,
+                                            "column": 50
+                                        }
+                                    },
+                                    "range": [
+                                        71,
+                                        79
+                                    ],
+                                    "name": "language"
+                                },
+                                "mode": "r"
+                            }
+                        ]
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        82,
+                        82
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 53
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 53
+                        }
+                    }
+                },
+                "variables": []
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                101,
+                112
+            ],
+            "loc": {
+                "start": {
+                    "line": 3,
+                    "column": 0
+                },
+                "end": {
+                    "line": 3,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLIdentifier",
+                "range": [
+                    10,
+                    14
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 14
+                    }
+                },
+                "value": "lang"
+            },
+            {
+                "type": "HTMLAssociation",
+                "range": [
+                    14,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 14
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 15
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLLiteral",
+                "range": [
+                    15,
+                    27
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 15
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 27
+                    }
+                },
+                "value": "customLang"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    27,
+                    28
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 27
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 28
+                    }
+                },
+                "value": ""
+            },
+            {
+                "range": [
+                    28,
+                    33
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 28
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    ",
+                "type": "CustomWhitespace"
+            },
+            {
+                "range": [
+                    33,
+                    42
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 13
+                    }
+                },
+                "value": "A-totally",
+                "type": "CustomTagOpen"
+            },
+            {
+                "type": "Punctuator",
+                "range": [
+                    43,
+                    44
+                ],
+                "loc": {
+                    "start": {
+                        "column": 14,
+                        "line": 2
+                    },
+                    "end": {
+                        "column": 15,
+                        "line": 2
+                    }
+                },
+                "value": ":"
+            },
+            {
+                "type": "HTMLIdentifier",
+                "range": [
+                    44,
+                    48
+                ],
+                "loc": {
+                    "start": {
+                        "column": 15,
+                        "line": 2
+                    },
+                    "end": {
+                        "column": 19,
+                        "line": 2
+                    }
+                },
+                "value": "made"
+            },
+            {
+                "range": [
+                    48,
+                    49
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 19
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 20
+                    }
+                },
+                "value": "",
+                "type": "CustomAssociation"
+            },
+            {
+                "type": "Punctuator",
+                "range": [
+                    49,
+                    50
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 20
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 21
+                    }
+                },
+                "value": "\""
+            },
+            {
+                "type": "Identifier",
+                "value": "up",
+                "start": 50,
+                "end": 52,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 21
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 23
+                    }
+                },
+                "range": [
+                    50,
+                    52
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "range": [
+                    52,
+                    53
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 23
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 24
+                    }
+                },
+                "value": "\""
+            },
+            {
+                "range": [
+                    53,
+                    54
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 24
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 25
+                    }
+                },
+                "value": "",
+                "type": "CustomTagClose"
+            },
+            {
+                "range": [
+                    55,
+                    57
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 26
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 28
+                    }
+                },
+                "value": "{{",
+                "type": "VExpressionStart"
+            },
+            {
+                "type": "Identifier",
+                "value": "templating",
+                "start": 58,
+                "end": 68,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 29
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 39
+                    }
+                },
+                "range": [
+                    58,
+                    68
+                ]
+            },
+            {
+                "type": "Punctuator",
+                "value": "+",
+                "start": 69,
+                "end": 70,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 40
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 41
+                    }
+                },
+                "range": [
+                    69,
+                    70
+                ]
+            },
+            {
+                "type": "Identifier",
+                "value": "language",
+                "start": 71,
+                "end": 79,
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 42
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 50
+                    }
+                },
+                "range": [
+                    71,
+                    79
+                ]
+            },
+            {
+                "range": [
+                    80,
+                    82
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 51
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 53
+                    }
+                },
+                "value": "}}",
+                "type": "VExpressionEnd"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    101,
+                    111
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    111,
+                    112
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    112,
+                    113
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [
+            {
+                "range": [
+                    83,
+                    100
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 54
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 71
+                    }
+                },
+                "value": "comment",
+                "type": "CustomComment"
+            }
+        ],
+        "errors": [
+            {
+                "message": "totally-made-up-error",
+                "index": 9001,
+                "lineNumber": 15,
+                "column": 8
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/custom-template-tokenizer/custom-tokenizer.js b/test/fixtures/ast/custom-template-tokenizer/custom-tokenizer.js
new file mode 100644
index 00000000..040ddd1d
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/custom-tokenizer.js
@@ -0,0 +1,153 @@
+const assert = require('assert')
+
+module.exports = class CustomTokenizer {
+    constructor (text, code, { startingLine, startingColumn }) {
+        // set initial tokenizer states used by the parser
+        this.expressionEnabled = true
+        this.namespace = "http://www.w3.org/1999/xhtml"
+        this.text = code
+        // ignore actual input and just hardcode tokens
+        assert.equal(text, `\n    A-totally[:made="up"] {{ templating + language }} <=== comment ===>\n`)
+        assert.equal(startingLine, 1)
+        assert.equal(startingColumn, 28)
+        this.line = startingLine
+        this.column = startingColumn
+        this.offset = 28
+        const tokens = [
+            this.generateToken("\n    ", {
+                type: "CustomWhitespace"
+            }),
+            this.generateToken("A-totally", {
+                type: "CustomTagOpen",
+                value: "A-totally"
+            }),
+            this.generateToken(":made", {
+                type: "CustomIdentifier"
+            }),
+            this.generateToken("=", {
+                type: "CustomAssociation",
+                value: ""
+            }),
+            this.generateToken("\"up\"", {
+                type: "CustomLiteral",
+                value: "up"
+            }),
+            this.generateToken("]", {
+                type: "CustomTagClose",
+                value: ""
+            }),
+            this.generateToken("{{", {
+                type: "VExpressionStart"
+            }),
+            this.generateToken(" templating + language ", {
+                type: "CustomText"
+            }),
+            this.generateToken("}}", {
+                type: "VExpressionEnd"
+            }),
+            this.generateToken("", {
+                type: "CustomEndTag"
+            }),
+            this.generateToken("<=== comment ===>", {
+                type: "CustomComment",
+                value: "comment"
+            })
+        ]
+        this.comments = tokens.filter(token => token.type === "CustomComment")
+        this.tokens = tokens.filter(token => !["CustomEndTag", "CustomComment"].includes(token.type))
+
+        this.errors = [{
+            "message": "totally-made-up-error",
+            "index": 9001,
+            "lineNumber": 15,
+            "column": 8
+        }]
+
+        const attribute = {
+            type: "VAttribute",
+            parent: {},
+            directive: false,
+            range: [tokens[2].range[0], tokens[4].range[1]],
+            loc: {
+                start: tokens[2].start,
+                end: tokens[4].end
+            }
+        }
+
+        attribute.key = {
+            type: "VIdentifier",
+            parent: attribute,
+            name: ":made",
+            rawName: ":made",
+            range: tokens[2].range,
+            loc: tokens[2].loc
+        }
+
+        attribute.value = {
+            type: "VLiteral",
+            parent: attribute,
+            value: "up",
+            range: tokens[4].range,
+            loc: tokens[4].loc
+        }
+
+        // these tokens get returned by nextToken
+        const intermediateTokens = [{
+            type: "StartTag",
+            name: "a-totally",
+            rawName: "A-totally",
+            range: [tokens[1].range[0], tokens[5].range[1]],
+            loc: {
+                start: tokens[1].loc.start,
+                end: tokens[5].loc.end
+            },
+            selfClosing: false,
+            attributes: [attribute]
+        }, {
+            type: "Mustache",
+            value: " templating + language ",
+            range: [tokens[6].range[0], tokens[8].range[1]],
+            loc: {
+                start: tokens[6].loc.start,
+                end: tokens[8].loc.end
+            },
+            startToken: tokens[6],
+            endToken: tokens[8]
+        }, {
+            type: "EndTag",
+            name: "a-totally",
+            range: tokens[9].range,
+            loc: tokens[9].loc,
+        }]
+        this.tokenIterator = intermediateTokens[Symbol.iterator]()
+    }
+
+    nextToken () {
+        return this.tokenIterator.next().value
+    }
+
+    // set range and loc based on text length and current offset
+    generateToken (text, data) {
+        const skip = this.text.indexOf(text, this.offset) - this.offset
+        const range = [this.offset + skip, this.offset + skip + text.length]
+        this.offset = range[1]
+        const loc = {
+            start: {
+                line: this.line,
+                column: this.column + skip
+            }
+        }
+        this.line += text.split('\n').length - 1
+        this.column = text.split('\n').length - 1 ? text.length - text.lastIndexOf('\n') - 1 : this.column + skip + text.length
+        loc.end = {
+            line: this.line,
+            column: this.column
+        }
+        return {
+            range,
+            loc,
+            value: text,
+            ...data
+        }
+    }
+}
diff --git a/test/fixtures/ast/custom-template-tokenizer/parser-options.json b/test/fixtures/ast/custom-template-tokenizer/parser-options.json
new file mode 100644
index 00000000..bfb18874
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/parser-options.json
@@ -0,0 +1,5 @@
+{
+  "templateTokenizer": {
+    "customLang": "./test/fixtures/ast/custom-template-tokenizer/custom-tokenizer.js"
+  }
+}
diff --git a/test/fixtures/ast/custom-template-tokenizer/source.vue b/test/fixtures/ast/custom-template-tokenizer/source.vue
new file mode 100644
index 00000000..259e5907
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/source.vue
@@ -0,0 +1,3 @@
+<template lang="customLang">
+    A-totally[:made="up"] {{ templating + language }} <=== comment ===>
+</template>
diff --git a/test/fixtures/ast/custom-template-tokenizer/token-ranges.json b/test/fixtures/ast/custom-template-tokenizer/token-ranges.json
new file mode 100644
index 00000000..1d3055f9
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/token-ranges.json
@@ -0,0 +1,25 @@
+[
+    "<template",
+    "lang",
+    "=",
+    "\"customLang\"",
+    ">",
+    "\n    ",
+    "A-totally",
+    ":",
+    "made",
+    "=",
+    "\"",
+    "up",
+    "\"",
+    "]",
+    "{{",
+    "templating",
+    "+",
+    "language",
+    "}}",
+    "</template",
+    ">",
+    "\n",
+    "<=== comment ===>"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/custom-template-tokenizer/tree.json b/test/fixtures/ast/custom-template-tokenizer/tree.json
new file mode 100644
index 00000000..cc56f275
--- /dev/null
+++ b/test/fixtures/ast/custom-template-tokenizer/tree.json
@@ -0,0 +1,107 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template lang=\"customLang\">\n    A-totally[:made=\"up\"] {{ templating + language }} <=== comment ===>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template lang=\"customLang\">",
+                "children": [
+                    {
+                        "type": "VAttribute",
+                        "text": "lang=\"customLang\"",
+                        "children": [
+                            {
+                                "type": "VIdentifier",
+                                "text": "lang",
+                                "children": []
+                            },
+                            {
+                                "type": "VLiteral",
+                                "text": "\"customLang\"",
+                                "children": []
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                "type": "VElement",
+                "text": "A-totally[:made=\"up\"] {{ templating + language }}",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "A-totally[:made=\"up\"]",
+                        "children": [
+                            {
+                                "type": "VAttribute",
+                                "text": ":made=\"up\"",
+                                "children": [
+                                    {
+                                        "type": "VDirectiveKey",
+                                        "text": ":made",
+                                        "children": [
+                                            {
+                                                "type": "VIdentifier",
+                                                "text": ":",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "VIdentifier",
+                                                "text": "made",
+                                                "children": []
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        "type": "VExpressionContainer",
+                                        "text": "\"up\"",
+                                        "children": [
+                                            {
+                                                "type": "Identifier",
+                                                "text": "up",
+                                                "children": []
+                                            }
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VExpressionContainer",
+                        "text": "{{ templating + language }}",
+                        "children": [
+                            {
+                                "type": "BinaryExpression",
+                                "text": "templating + language",
+                                "children": [
+                                    {
+                                        "type": "Identifier",
+                                        "text": "templating",
+                                        "children": []
+                                    },
+                                    {
+                                        "type": "Identifier",
+                                        "text": "language",
+                                        "children": []
+                                    }
+                                ]
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file

From caac5e8eb1118c46ab0b2720b740166c136c39b4 Mon Sep 17 00:00:00 2001
From: Yosuke Ota <otameshiyo23@gmail.com>
Date: Thu, 14 Apr 2022 15:16:19 +0900
Subject: [PATCH 3/6] Drop support for Node.js v12 (#149)

* Drop support for Node.js v12

* update

* fix core tests
---
 .github/workflows/CI.yml | 34 +++++++++++++++++-----------------
 README.md                |  2 +-
 package.json             | 22 +++++++++++-----------
 test/core-rules.js       | 14 +++++++++-----
 test/fixtures/eslint     |  2 +-
 5 files changed, 39 insertions(+), 35 deletions(-)

diff --git a/.github/workflows/CI.yml b/.github/workflows/CI.yml
index 545a0cc4..6e4c23bd 100644
--- a/.github/workflows/CI.yml
+++ b/.github/workflows/CI.yml
@@ -13,13 +13,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
       - name: Checkout submodules
         run: git submodule update --init
       - name: Install Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
-          node-version: 14
+          node-version: 16
       - name: Install Packages
         run: npm install && cd test/fixtures/eslint && npm install
       - name: Lint
@@ -30,37 +30,37 @@ jobs:
     strategy:
       matrix:
         eslint: [7, 8]
-        node: [14, 16]
+        node: [16, 17]
         os: [ubuntu-latest]
         include:
           # On other platforms
           - eslint: 7
-            node: 14
+            node: 16
             os: windows-latest
           - eslint: 7
-            node: 14
+            node: 16
             os: macos-latest
           # On old Node.js versions
           - eslint: 7
-            node: 12
+            node: 14
             os: ubuntu-latest
           # On old ESLint versions
           - eslint: 6
-            node: 14
+            node: 16
             os: ubuntu-latest
           # On the minimum supported ESLint/Node.js version
           - eslint: 6
-            node: 12
+            node: 14
             os: ubuntu-latest
 
     runs-on: ${{ matrix.os }}
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - name: Checkout submodules
       run: git submodule update --init
     - name: Install Node.js v${{ matrix.node }}
-      uses: actions/setup-node@v1
+      uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node }}
     - name: Install Packages
@@ -77,17 +77,17 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
     - name: Checkout submodules
       run: git submodule update --init
-    - name: Install Node.js v14
-      uses: actions/setup-node@v1
+    - name: Install Node.js v16
+      uses: actions/setup-node@v3
       with:
-        node-version: 14
+        node-version: 16
     - name: Install Packages
       run: npm install
-    - name: Install ESLint v7
-      run: node scripts/ci-install-eslint 7
+    - name: Install ESLint v8
+      run: node scripts/ci-install-eslint 8.12.0
     - name: Build
       run: npm run -s build
     - name: Test
diff --git a/README.md b/README.md
index 9ad0f7e1..dc7b2123 100644
--- a/README.md
+++ b/README.md
@@ -18,7 +18,7 @@ This parser allows us to lint the `<template>` of `.vue` files. We can make mist
 npm install --save-dev eslint vue-eslint-parser
 ```
 
-- Requires Node.js ^12.22.0, ^14.17.0, 16.0.0 or later.
+- Requires Node.js ^14.17.0, 16.0.0 or later.
 - Requires ESLint 6.0.0 or later.
 
 ## 📖 Usage
diff --git a/package.json b/package.json
index ae6136c4..9676b536 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "8.3.0",
   "description": "The ESLint custom parser for `.vue` files.",
   "engines": {
-    "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+    "node": "^14.17.0 || >=16.0.0"
   },
   "main": "index.js",
   "files": [
@@ -13,13 +13,13 @@
     "eslint": ">=6.0.0"
   },
   "dependencies": {
-    "debug": "^4.3.2",
-    "eslint-scope": "^7.0.0",
-    "eslint-visitor-keys": "^3.1.0",
-    "espree": "^9.0.0",
+    "debug": "^4.3.4",
+    "eslint-scope": "^7.1.1",
+    "eslint-visitor-keys": "^3.3.0",
+    "espree": "^9.3.1",
     "esquery": "^1.4.0",
     "lodash": "^4.17.21",
-    "semver": "^7.3.5"
+    "semver": "^7.3.6"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -34,17 +34,17 @@
     "@types/mocha": "^9.0.0",
     "@types/node": "^16.11.7",
     "@types/semver": "^7.3.9",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^5.4.0",
+    "@typescript-eslint/eslint-plugin": "^5.18.0",
+    "@typescript-eslint/parser": "^5.18.0",
     "chokidar": "^3.5.2",
     "codecov": "^3.8.3",
     "cross-spawn": "^7.0.3",
     "dts-bundle": "^0.7.3",
-    "eslint": "^8.2.0",
+    "eslint": "^8.12.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
-    "eslint-plugin-jsonc": "^2.0.0",
+    "eslint-plugin-jsonc": "^2.2.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-node-dependencies": "^0.6.0",
+    "eslint-plugin-node-dependencies": "^0.8.0",
     "eslint-plugin-prettier": "^4.0.0",
     "fs-extra": "^10.0.0",
     "jsonc-eslint-parser": "^2.0.3",
diff --git a/test/core-rules.js b/test/core-rules.js
index 382fe187..e4c6fc19 100644
--- a/test/core-rules.js
+++ b/test/core-rules.js
@@ -60,15 +60,19 @@ function codeShouldBeSkipped(code) {
 /**
  * Wrap the given code with a `<script>` tag.
  *
+ * @param {string} ruleId The rule ID.
  * @param {string} code - The code to be wrapped.
  * @returns {string} The wrapped code.
  */
-function wrapCode(code) {
+function wrapCode(ruleId, code) {
     const eol = "\n"
 
     if (code.charCodeAt(0) === 0xfeff) {
         return `\uFEFF<script>${eol}${code.slice(1)}${eol}</script>`
     }
+    if (ruleId === "prefer-regex-literals") {
+        return `<script>;${eol}${code}${eol}</script>`
+    }
     return `<script>${eol}${code}${eol}</script>`
 }
 
@@ -86,7 +90,7 @@ function modifyPattern(ruleId, pattern) {
             return null
         }
         return {
-            code: wrapCode(pattern),
+            code: wrapCode(ruleId, pattern),
             filename: "test.vue",
             parser: PARSER_PATH,
         }
@@ -120,9 +124,9 @@ function modifyPattern(ruleId, pattern) {
     // Wrap the code by `<script>` tag.
     pattern.filename = "test.vue"
     pattern.parser = PARSER_PATH
-    pattern.code = wrapCode(pattern.code)
+    pattern.code = wrapCode(ruleId, pattern.code)
     if (pattern.output != null) {
-        pattern.output = wrapCode(pattern.output)
+        pattern.output = wrapCode(ruleId, pattern.output)
     }
 
     if (Array.isArray(pattern.errors)) {
@@ -177,7 +181,7 @@ function modifyPattern(ruleId, pattern) {
                 // Wrap the code by `<script>` tag.
                 if (Array.isArray(error.suggestions)) {
                     for (const suggestion of error.suggestions) {
-                        suggestion.output = wrapCode(suggestion.output)
+                        suggestion.output = wrapCode(ruleId, suggestion.output)
                     }
                 }
             }
diff --git a/test/fixtures/eslint b/test/fixtures/eslint
index 2774043e..8bb52766 160000
--- a/test/fixtures/eslint
+++ b/test/fixtures/eslint
@@ -1 +1 @@
-Subproject commit 2774043e6bc0b5709df02ac6bb61be6ac950f77d
+Subproject commit 8bb527660ffddc122204fb5bf59076687aaa78b8

From 22f461e8d5ca17375fe392a389c71cc684812685 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 14 Apr 2022 17:47:33 +0900
Subject: [PATCH 4/6] prepare release

---
 docs/implementing-custom-template-tokenizers.md | 2 ++
 package.json                                    | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/docs/implementing-custom-template-tokenizers.md b/docs/implementing-custom-template-tokenizers.md
index e7d80237..4aed777b 100644
--- a/docs/implementing-custom-template-tokenizers.md
+++ b/docs/implementing-custom-template-tokenizers.md
@@ -1,5 +1,7 @@
 # Implementing custom template tokenizers
 
+**This is an experimental feature. It may be changed or deleted without notice in the minor version.**
+
 A custom template tokenizer needs to create two types of tokens from the text it is given:
 
 - Low level [tokens](https://github.com/vuejs/vue-eslint-parser/blob/master/src/ast/tokens.ts), which can be of an [existing HTML type](https://github.com/vuejs/vue-eslint-parser/blob/master/src/html/tokenizer.ts#L59) or even new types.
diff --git a/package.json b/package.json
index 9676b536..7125dfaa 100644
--- a/package.json
+++ b/package.json
@@ -1,4 +1,7 @@
 {
+  "publishConfig": {
+    "tag": "next"
+  },
   "name": "vue-eslint-parser",
   "version": "8.3.0",
   "description": "The ESLint custom parser for `.vue` files.",

From c476e7c25ab161b336339448765085e6219d0e04 Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 14 Apr 2022 17:52:29 +0900
Subject: [PATCH 5/6] 9.0.0-alpha.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7125dfaa..acfd75d8 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
     "tag": "next"
   },
   "name": "vue-eslint-parser",
-  "version": "8.3.0",
+  "version": "9.0.0-alpha.0",
   "description": "The ESLint custom parser for `.vue` files.",
   "engines": {
     "node": "^14.17.0 || >=16.0.0"

From 50b0126b4373a0e951dc29d18b69ef828d39ba6b Mon Sep 17 00:00:00 2001
From: yosuke ota <otameshiyo23@gmail.com>
Date: Thu, 12 May 2022 08:31:08 +0900
Subject: [PATCH 6/6] 9.0.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index acfd75d8..291551cd 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
     "tag": "next"
   },
   "name": "vue-eslint-parser",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0",
   "description": "The ESLint custom parser for `.vue` files.",
   "engines": {
     "node": "^14.17.0 || >=16.0.0"