Make to use project: undefined when parsing template script-let.

Author: ota-meshi

Diff for: src/html/parser.ts

@@ -302,6 +302,7 @@ export class Parser {
                     yield getParserLangFromSFC(doc)
                 },
             ),
+            project: undefined,
         }
         const scriptParserOptions = {
             ...this.baseParserOptions,

Diff for: src/script-setup/index.ts

@@ -516,14 +516,12 @@ function getScriptSetupCodeBlocks(
     const offsetLocationCalculator =
         linesAndColumns.createOffsetLocationCalculator(scriptSetupStartOffset)
 
-    const result = parseScript(
+    const { ast, visitorKeys } = parseScript(
         scriptCode,
-        parserOptions,
+        { ...parserOptions, project: undefined },
         offsetLocationCalculator,
     )
 
-    const { ast } = result
-
     // Holds the `import` and re-`export` statements.
     // All import and re-`export` statements are hoisted to the top.
     const importCodeBlocks = new CodeBlocks()
@@ -597,7 +595,7 @@ function getScriptSetupCodeBlocks(
                         }
                         fixNodeLocations(
                             body,
-                            result.visitorKeys,
+                            visitorKeys,
                             offsetLocationCalculator,
                         )
                         fixLocation(exportToken, offsetLocationCalculator)
@@ -695,7 +693,7 @@ function getScriptSetupCodeBlocks(
                         // restore
                         fixNodeLocations(
                             body,
-                            result.visitorKeys,
+                            visitorKeys,
                             offsetLocationCalculator,
                         )
                         for (const token of restoreTokens) {
@@ -826,7 +824,7 @@ function getScriptSetupCodeBlocks(
         let start = n.range[0]
         let end = n.range[1]
         traverseNodes(n, {
-            visitorKeys: result.visitorKeys,
+            visitorKeys,
             enterNode(c) {
                 start = Math.min(start, c.range[0])
                 end = Math.max(end, c.range[1])

Diff for: src/script-setup/parser-options.ts

@@ -16,7 +16,7 @@ export function getScriptSetupParserOptions(
 
     return {
         ...parserOptions,
-        ecmaVersion: espreeEcmaVersion,
+        ecmaVersion: espreeEcmaVersion || parserOptions.ecmaVersion,
     }
 }
 

Diff for: test/parser-options-project.js

@@ -0,0 +1,129 @@
+"use strict"
+
+const assert = require("assert")
+const { parseForESLint } = require("../src")
+const espree = require("espree")
+
+describe("use `project: undefined` when parsing template script-let", () => {
+    it("should be the project option is defined only once in Simple SFC.", () => {
+        let projectCount = 0
+        parseForESLint(
+            `<template>
+                <div v-bind:class="{}">
+                    <template v-for="item in items">
+                        {{ 'str' }}
+                        <button v-on:click="handler()"></button>
+                    </template>
+                    <MyComponent>
+                        <template v-slot="{a}">
+                            <div v-if="a">A</div>
+                        </template>
+                    </MyComponent>
+                </div>
+            </template>
+            <script>
+            export default {}
+            </script>
+            `,
+            {
+                project: true,
+                sourceType: "module",
+                ecmaVersion: 2018,
+                parser: {
+                    parseForESLint(code, options) {
+                        if (options.project) {
+                            projectCount++
+                        }
+
+                        return {
+                            ast: espree.parse(code, options),
+                        }
+                    },
+                },
+            },
+        )
+        assert.strictEqual(projectCount, 1)
+    })
+    it("should be the project option is defined only once in <script setup>.", () => {
+        let projectCount = 0
+        parseForESLint(
+            `<script setup>
+            let items = ["foo"]
+            </script>
+            <template>
+                <div v-bind:class="{}">
+                    <template v-for="item in items">
+                        {{ 'str' }}
+                        <button v-on:click="handler()"></button>
+                    </template>
+                    <MyComponent>
+                        <template v-slot="{a}">
+                            <div v-if="a">A</div>
+                        </template>
+                    </MyComponent>
+                </div>
+            </template>
+            `,
+            {
+                project: true,
+                sourceType: "module",
+                ecmaVersion: 2018,
+                parser: {
+                    parseForESLint(code, options) {
+                        if (options.project) {
+                            projectCount++
+                        }
+
+                        return {
+                            ast: espree.parse(code, options),
+                        }
+                    },
+                },
+            },
+        )
+        assert.strictEqual(projectCount, 1)
+    })
+
+    it("should be the project option is defined only once in <script setup> with <script>.", () => {
+        let projectCount = 0
+        parseForESLint(
+            `<script>
+            import { ref } from 'vue'
+            </script>
+            <script setup>
+            let items = ref(["foo"])
+            </script>
+            <template>
+                <div v-bind:class="{}">
+                    <template v-for="item in items">
+                        {{ 'str' }}
+                        <button v-on:click="handler()"></button>
+                    </template>
+                    <MyComponent>
+                        <template v-slot="{a}">
+                            <div v-if="a">A</div>
+                        </template>
+                    </MyComponent>
+                </div>
+            </template>
+            `,
+            {
+                project: true,
+                sourceType: "module",
+                ecmaVersion: 2018,
+                parser: {
+                    parseForESLint(code, options) {
+                        if (options.project) {
+                            projectCount++
+                        }
+
+                        return {
+                            ast: espree.parse(code, options),
+                        }
+                    },
+                },
+            },
+        )
+        assert.strictEqual(projectCount, 1)
+    })
+})