Language-tools: Unerwarteter Fehler beim Zerstören von $store-Werten

Problemumgehung
Verwenden Sie keine Destrukturierung für Svelte-Speicher in Typescript. Dies ist nicht ideal, aber kein Blocker. Es ist nur weniger prägnant, wenn mehrere Eigenschaften gleichzeitig destrukturiert werden.
REPL: Link

# App.svelte
------------
<script lang="ts">
  import data from "./store";
  $: count = $data;
</script>

Natürlich können Sie sich jederzeit direkt im DOM auf den Store-Wert beziehen, um reaktive Updates anzuzeigen.

Von Eingang

<script lang="ts">
  import data from "./store";
  $: ({ count } = $data);
</script>

<main>
  <h1>Count (inline): {$data.count}</h1>
  <h1>Count (reactive destructure): {count}</h1>
    <button on:click={() => data.update(c => ({count: c.count + 1}))}>
    Increment
  </button>
</main>

svelte2tsx generiert die Ausgabe:

<></>;
import data from "./store";
function render() {


  ;() => {$: ({ count } = __sveltets_store_get(data));}
;
() => (<>

<main>
  <h1>Count (inline): {__sveltets_store_get(data).count}</h1>
  <h1>Count (reactive destructure): {count}</h1>
    <button onclick={() => data.update(c => ({count: c.count + 1}))}>
    Increment
  </button>
</main> </>);
return { props: {}, slots: {}, getters: {}, events: {} }}

export default class extends createSvelte2TsxComponent(__sveltets_partial(render)) {
}

Das Problem ist, dass die $ -Zuweisung in eine Funktion eingeschlossen ist, sodass der Wert außerhalb seines Gültigkeitsbereichs nicht existiert.

Wir müssen möglicherweise überprüfen, wie der schlanke Compiler bestimmt, wann er eine Variable deklarieren soll, um zu sehen, ob wir eine andere Situation übersehen

Das Problem ist die ts AST-Analyse. Es führt nur die let x = ... Transformation durch, wenn es sich um einen binären Ausdruck handelt, aber in diesem Fall handelt es sich um einen binären Ausdruck, der in einen eingeklammerten Ausdruck eingeschlossen ist.

Edit: Ich bin gerade dabei, das Problem zu beheben - all diese Wenn-dann-auch-denke-an-diese-Ecke-Fall-Checks machen meinen Verstand verschwommen

Ich denke, der linke Haken muss auch geändert werden

https://github.com/sveltejs/language-tools/blob/a032ff2ea702340de7c59f84b480bf9e27f0043d/packages/svelte2tsx/src/svelte2tsx.ts#L770

https://github.com/sveltejs/svelte/blob/f739b4772a4ad32c0fd337afb9d5594ebd776073/src/compiler/compile/Component.ts#L607

Ja, mehrere Dinge müssen geändert werden. Ich erstelle einen PR-Entwurf, damit Sie meinen aktuellen Stand sehen können.