chore: add prettier to format definitions/svelte files

src/Checkbox/Checkbox.Story.svelte

@@ -9,14 +9,14 @@
     indeterminate,
     disabled,
     hideLabel,
-    wrapperClassName
+    wrapperClassName,
   } = $$props;
   const checkboxProps = {
     labelText,
     indeterminate,
     disabled,
     hideLabel,
-    wrapperClassName
+    wrapperClassName,
   };
 
   let checked = true;

src/CopyButton/CopyButton.Story.svelte

@@ -7,6 +7,6 @@
   on:click={() => {
     console.log('click');
   }}
-  on:animationend={e => {
+  on:animationend={(e) => {
     console.log('animation end', e.animationName);
   }} />

src/DataTable/DataTable.Story.svelte

@@ -18,7 +18,7 @@
       port: 3000,
       rule: "Round robin",
       attached_groups: "Kevins VM Groups",
-      status: "Disabled"
+      status: "Disabled",
     },
     {
       id: "b",
@@ -27,7 +27,7 @@
       port: 443,
       rule: "Round robin",
       attached_groups: "Maureens VM Groups",
-      status: "Starting"
+      status: "Starting",
     },
     {
       id: "c",
@@ -36,7 +36,7 @@
       port: 80,
       rule: "DNS delegation",
       attached_groups: "Andrews VM Groups",
-      status: "Active"
+      status: "Active",
     },
     {
       id: "d",
@@ -45,7 +45,7 @@
       port: 3000,
       rule: "Round robin",
       attached_groups: "Marcs VM Groups",
-      status: "Disabled"
+      status: "Disabled",
     },
     {
       id: "e",
@@ -54,7 +54,7 @@
       port: 443,
       rule: "Round robin",
       attached_groups: "Mels VM Groups",
-      status: "Starting"
+      status: "Starting",
     },
     {
       id: "f",
@@ -63,8 +63,8 @@
       port: 80,
       rule: "DNS delegation",
       attached_groups: "Ronjas VM Groups",
-      status: "Active"
-    }
+      status: "Active",
+    },
   ];
   const headers = [
     { key: "name", value: "Name" },
@@ -72,7 +72,7 @@
     { key: "port", value: "Port" },
     { key: "rule", value: "Rule" },
     { key: "attached_groups", value: "Attached Groups" },
-    { key: "status", value: "Status" }
+    { key: "status", value: "Status" },
   ];
   $: sortable = true;
 </script>

src/Dropdown/Dropdown.Story.svelte

@@ -9,7 +9,7 @@
     { id: "option-0", text: "Option 1" },
     { id: "option-1", text: "Option 2" },
     { id: "option-2", text: "Option 3" },
-    { id: "option-3", text: "Option 4" }
+    { id: "option-3", text: "Option 4" },
   ];
   $: selectedIndex = -1;
 </script>

src/Form/Form.Story.svelte

@@ -15,7 +15,7 @@
 </script>
 
 <Form
-  on:submit={event => {
+  on:submit={(event) => {
     console.log('on:submit', event);
   }}>
   <FormGroup {...$$props}>

src/MultiSelect/MultiSelect.Story.svelte

@@ -12,8 +12,8 @@
     {
       id: "option-4",
       text:
-        "An example option that is really long to show what should be done to handle long text"
-    }
+        "An example option that is really long to show what should be done to handle long text",
+    },
   ];
 </script>
 

src/StructuredList/StructuredList.svelte

@@ -25,9 +25,9 @@
 
   setContext("StructuredListWrapper", {
     selectedValue,
-    update: value => {
+    update: (value) => {
       selectedValue.set(value);
-    }
+    },
   });
 
   $: selected = $selectedValue;

src/Tile/Tile.Story.svelte

@@ -11,7 +11,7 @@
   const radioTiles = [
     { value: "standard", id: "tile-1", labelText: "Selectable Tile" },
     { value: "default-selected", id: "tile-2", labelText: "Selectable Tile" },
-    { value: "selected", id: "tile-3", labelText: "Selectable Tile" }
+    { value: "selected", id: "tile-3", labelText: "Selectable Tile" },
   ];
 
   $: selected = radioTiles[1].value;