feat: add new syntax {key} for pug (#259)

sveltejs · Oct 5, 2020 · 707206f · 707206f
1 parent 3405224
commit 707206f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/docs/preprocessing.md b/docs/preprocessing.md
@@ -297,7 +297,7 @@ Apart from those, the Pug preprocessor accepts:
 
 **Template blocks:**
 
-Some of Svelte's template syntax is invalid in Pug. `svelte-preprocess` provides some pug mixins to represent svelte's `{#...}{/...}` blocks: `+if()`, `+else()`, `+elseif()`, `+each()`, `+await()`, `+then()`, `+catch()`, `+html()`, `+debug()`.
+Some of Svelte's template syntax is invalid in Pug. `svelte-preprocess` provides some pug mixins to represent svelte's `{#...}{/...}` blocks: `+if()`, `+else()`, `+elseif()`, `+each()`, `+key()`, `+await()`, `+then()`, `+catch()`, `+html()`, `+debug()`.
 
 ```pug
 ul

diff --git a/src/transformers/pug.ts b/src/transformers/pug.ts
@@ -18,6 +18,11 @@ mixin elseif(condition)
 %_| {:else if !{condition}}
 %_block
 
+mixin key(expression)
+%_| {#key !{expression}}
+%_block
+%_| {/key}
+
 mixin each(loop)
 %_| {#each !{loop}}
 %_block
-Original file line number
+Diff line change
@@ Expand Up / @@ -297,7 +297,7 @@ Apart from those, the Pug preprocessor accepts: @@
     **Template blocks:**
-    Some of Svelte's template syntax is invalid in Pug. `svelte-preprocess` provides some pug mixins to represent svelte's `{#...}{/...}` blocks: `+if()`, `+else()`, `+elseif()`, `+each()`, `+await()`, `+then()`, `+catch()`, `+html()`, `+debug()`.
+    Some of Svelte's template syntax is invalid in Pug. `svelte-preprocess` provides some pug mixins to represent svelte's `{#...}{/...}` blocks: `+if()`, `+else()`, `+elseif()`, `+each()`, `+key()`, `+await()`, `+then()`, `+catch()`, `+html()`, `+debug()`.
     ```pug
     ul
@@ Expand Down @@