Traverse await expression blocks in Svelte (#118)

* Traverse await expression blocks in Svelte

* Update changelog

Author: thecrypticace

CHANGELOG.md

@@ -7,7 +7,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-- Nothing yet!
+- Add prettier plugins to peer dependencies ([#114](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/114))
+- Traverse await expression blocks in Svelte ([#118](https://github.com/tailwindlabs/prettier-plugin-tailwindcss/pull/118))
 
 ## [0.2.1] - 2022-12-08
 

src/index.js

@@ -746,6 +746,14 @@ function transformSvelte(ast, { env, changes }) {
       transformSvelte(child, { env, changes })
     }
   }
+
+  if (ast.type === "AwaitBlock") {
+    let nodes = [ast.pending, ast.then, ast.catch];
+
+    for (let child of nodes) {
+      transformSvelte(child, { env, changes });
+    }
+  }
 }
 
 // https://lihautan.com/manipulating-ast-with-javascript/

tests/test.js

@@ -225,6 +225,14 @@ let tests = {
       `<div class="p-0 sm:p-0 {someVar}sm:block flex md:inline" />`,
     ],
     ['<div class={`sm:p-0\np-0`} />', '<div\n  class={`p-0\nsm:p-0`}\n/>'],
+    [
+      `{#await promise()} <div class="sm:p-0 p-0"></div> {:then} <div class="sm:p-0 p-0"></div> {/await}`,
+      `{#await promise()} <div class="p-0 sm:p-0" /> {:then} <div class="p-0 sm:p-0" /> {/await}`,
+    ],
+    [
+      `{#await promise() then} <div class="sm:p-0 p-0"></div> {/await}`,
+      `{#await promise() then} <div class="p-0 sm:p-0" /> {/await}`,
+    ],
   ],
   astro: [
     ...html,