(feat) support for svelte:fragment (#213)

sveltejs · Mar 2, 2021 · 0ea7095 · 0ea7095
1 parent 800b2cd
commit 0ea7095
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # prettier-plugin-svelte changelog
 
+## 2.2.0 (Unreleased)
+
+* Add support for `svelte:fragment` ([#213](https://github.com/sveltejs/prettier-plugin-svelte/pull/213))
+
 ## 2.1.6
 
 * Fix incorrect removal of comment ([#207](https://github.com/sveltejs/prettier-plugin-svelte/issues/207))

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -36,7 +36,7 @@
         "@rollup/plugin-commonjs": "14.0.0",
         "@rollup/plugin-node-resolve": "11.0.1",
         "rollup-plugin-typescript": "1.0.1",
-        "svelte": "^3.30.0",
+        "svelte": "^3.35.0",
         "ts-node": "^9.1.1",
         "tslib": "^2.0.3",
         "typescript": "4.1.3"

diff --git a/src/print/index.ts b/src/print/index.ts
@@ -164,6 +164,7 @@ export function print(path: FastPath, options: ParserOptions, print: PrintFn): D
         case 'Element':
         case 'InlineComponent':
         case 'Slot':
+        case 'SlotTemplate':
         case 'Window':
         case 'Head':
         case 'Title': {

diff --git a/src/print/nodes.ts b/src/print/nodes.ts
@@ -253,6 +253,12 @@ export interface OptionsNode extends BaseNode {
     attributes: Node[];
 }
 
+export interface SlotTemplateNode extends BaseNode {
+    type: 'SlotTemplate';
+    name: string;
+    attributes: Node[];
+}
+
 export type Node =
     | FragmentNode
     | ElementNode
@@ -293,7 +299,8 @@ export type Node =
     | InstanceScriptNode
     | ModuleScriptNode
     | BodyNode
-    | OptionsNode;
+    | OptionsNode
+    | SlotTemplateNode;
 
 /**
  * The Svelte AST root node

diff --git a/test/printer/samples/svelte-fragment-element.html b/test/printer/samples/svelte-fragment-element.html
@@ -0,0 +1,5 @@
+<svelte:fragment />
+<svelte:fragment slot="named" let:foo>
+    <p>hi</p>
+</svelte:fragment>
+<svelte:fragment slot="named" let:foo><p>hi</p></svelte:fragment>