chore(svelte): use prettier

packages/svelte/src/routes/drag-n-drop/Flow.svelte

@@ -10,28 +10,26 @@
   } from '../../lib/index';
   import Sidebar from './Sidebar.svelte';
 
-  const nodes = writable(
-    [
-      {
-        id: '1',
-        type: 'input',
-        data: { label: 'Input Node' },
-        position: { x: 150, y: 5 }
-      },
-      {
-        id: '2',
-        type: 'default',
-        data: { label: 'Node' },
-        position: { x: 0, y: 150 }
-      },
-      {
-        id: '3',
-        type: 'output',
-        data: { label: 'Output Node' },
-        position: { x: 300, y: 150 }
-      }
-    ]
-  );
+  const nodes = writable([
+    {
+      id: '1',
+      type: 'input',
+      data: { label: 'Input Node' },
+      position: { x: 150, y: 5 }
+    },
+    {
+      id: '2',
+      type: 'default',
+      data: { label: 'Node' },
+      position: { x: 0, y: 150 }
+    },
+    {
+      id: '3',
+      type: 'output',
+      data: { label: 'Output Node' },
+      position: { x: 300, y: 150 }
+    }
+  ]);
 
   const edges = writable([
     {
@@ -54,7 +52,7 @@
   const onDragOver = (event: DragEvent) => {
     event.preventDefault();
 
-    console.log(event)
+    console.log(event);
 
     if (event.dataTransfer) {
       event.dataTransfer.dropEffect = 'move';
@@ -71,27 +69,21 @@
     const type = event.dataTransfer.getData('application/svelteflow');
     const position = svelteFlow.project({
       x: event.clientX,
-      y: event.clientY - 40,
+      y: event.clientY - 40
     });
     const newNode: Node = {
       id: `${Math.random()}`,
       type,
       position,
-      data: { label: `${type} node` },
+      data: { label: `${type} node` }
     };
 
-    svelteFlow.nodes.update(nds => nds.concat(newNode));
+    svelteFlow.nodes.update((nds) => nds.concat(newNode));
   };
 </script>
 
 <main>
-  <SvelteFlow
-    {nodes}
-    {edges}
-    fitView
-    on:dragover={onDragOver}
-    on:drop={onDrop}
-  >
+  <SvelteFlow {nodes} {edges} fitView on:dragover={onDragOver} on:drop={onDrop}>
     <Controls />
     <Background variant={BackgroundVariant.Dots} />
     <MiniMap />
@@ -104,4 +96,4 @@
     height: 100%;
     display: flex;
   }
-</style>
+</style>

packages/svelte/src/routes/drag-n-drop/Sidebar.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
-  import {
-    useSvelteFlow
-  } from '../../lib/index';
+  import { useSvelteFlow } from '../../lib/index';
 
   const onDragStart = (event: DragEvent, nodeType: string) => {
     if (!event.dataTransfer) {
@@ -17,7 +15,11 @@
 
 <aside>
   <div class="label">You can drag these nodes to the pane on the left.</div>
-  <div class="input-node node" on:dragstart={(event) => onDragStart(event, 'input')} draggable={true}>
+  <div
+    class="input-node node"
+    on:dragstart={(event) => onDragStart(event, 'input')}
+    draggable={true}
+  >
     Input Node
   </div>
   <div
@@ -38,7 +40,7 @@
 
 <style>
   .label {
-    margin: 0.5rem 0 .25rem 0;
+    margin: 0.5rem 0 0.25rem 0;
   }
 
   aside {
@@ -51,9 +53,9 @@
   .node {
     margin-bottom: 0.5rem;
     border: 1px solid #111;
-    padding: .5rem 1rem;
+    padding: 0.5rem 1rem;
     font-weight: 700;
     border-radius: 3px;
     cursor: grab;
   }
-</style>
+</style>