fix: handle type annotations on Svelte control flow blocks

fixes #475
sveltejs · Nov 22, 2024 · d81ffcb · d81ffcb
1 parent ab6e713
commit d81ffcb
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # prettier-plugin-svelte changelog
 
+## 3.3.2
+
+-   (fix) Svelte 5: handle type annotations on Svelte control flow blocks
+
 ## 3.3.1
 
 -   (feat) Svelte 5: support upcoming `bind:value={get, set}`

diff --git a/src/print/index.ts b/src/print/index.ts
@@ -1177,7 +1177,12 @@ function printJS(path: FastPath, print: PrintFn, name: string) {
 function expandNode(node: any, original: string): string {
     let str = _expandNode(node);
     if (node?.typeAnnotation) {
-        str += ': ' + original.slice(node.typeAnnotation.start, node.typeAnnotation.end);
+        str +=
+            ': ' +
+            original.slice(
+                node.typeAnnotation.typeAnnotation.start,
+                node.typeAnnotation.typeAnnotation.end,
+            );
     }
     return str;
 }

diff --git a/test/printer/samples/typescript-template.html.skip b/test/printer/samples/typescript-template.html.skip
@@ -7,3 +7,15 @@
 >
 
 <button onclick={(e: Event) => e.detail}>{bar as any}</button>
+
+{#await promise}
+    <p>Waiting</p>
+{:then num: number}
+    <p>{num}</p>
+{:catch error: Error}
+    <p>Error: {error.message}</p>
+{/await}
+
+{#each [] as x: number}
+    {x}
+{/each}