Fix incorect scope for reactive statement with predefined variables. (#89)

Author: ota-meshi

src/parser/index.ts

@@ -8,7 +8,11 @@ import { parseScript } from "./script"
 import type * as SvAST from "./svelte-ast-types"
 import { sort } from "./sort"
 import { parseTemplate } from "./template"
-import { analyzePropsScope, analyzeStoreScope } from "./analyze-scope"
+import {
+    analyzePropsScope,
+    analyzeReactiveScope,
+    analyzeStoreScope,
+} from "./analyze-scope"
 import { ParseError } from "../errors"
 
 export interface ESLintProgram extends Program {
@@ -71,6 +75,7 @@ export function parseForESLint(
     sort(ctx.tokens)
     extractTokens(ctx)
     analyzeStoreScope(resultScript.scopeManager!)
+    analyzeReactiveScope(resultScript.scopeManager!)
 
     // Add $$xxx variable
     for (const $$name of ["$$slots", "$$props", "$$restProps"]) {

src/parser/script.ts

@@ -1,5 +1,5 @@
 import type { ESLintExtendedProgram } from "."
-import { analyzeReactiveScope, analyzeScope } from "./analyze-scope"
+import { analyzeScope } from "./analyze-scope"
 import { traverseNodes } from "../traverse"
 import type { ScriptsSourceCode } from "../context"
 import { getParser } from "./resolve-parser"
@@ -34,7 +34,6 @@ export function parseScript(
             //
         },
     })
-    analyzeReactiveScope(result.scopeManager)
 
     return result
 }

tests/fixtures/parser/ast/reactive-with-var01-input.svelte

@@ -0,0 +1,18 @@
+<script>
+	import { count, count2 } from './stores.js';
+	import { writable } from 'svelte/store';
+	
+	let foo = 0
+	let bar = writable(0)
+	$: $count2 = $count * 2
+	$: foo = $count * 3
+	$: $bar = $count * 4
+	$: baz = $count * 5 // ComputedVariable
+</script>
+
+<h1>$count: {$count}</h1>
+<h1>$count2: {$count2}</h1>
+<h1>foo: {foo}</h1>
+<h1>$bar: {$bar}</h1>
+<h1>baz: {baz}</h1>
+<button on:click={()=>$count++}>+1</button>