🎨 format

app/src/routes/connection/Connection.svelte

@@ -1,26 +1,26 @@
 <script lang="ts">
-  import SettingsCard from '$lib/components/SettingsCard.svelte';
-  import { WiFi } from '$lib/components/icons';
-  import { location, socket } from '$lib/stores';
+    import SettingsCard from '$lib/components/SettingsCard.svelte'
+    import { WiFi } from '$lib/components/icons'
+    import { location, socket } from '$lib/stores'
 
-  const update = () => {
-    const ws = $location ? $location : window.location.host;
-    socket.init(`ws://${ws}/api/ws/events`);
-  };
+    const update = () => {
+        const ws = $location ? $location : window.location.host
+        socket.init(`ws://${ws}/api/ws/events`)
+    }
 </script>
 
 <SettingsCard collapsible={false}>
-  {#snippet icon()}
-    <WiFi class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
-  {/snippet}
-  {#snippet title()}
-    <span>Connection</span>
-  {/snippet}
+    {#snippet icon()}
+        <WiFi class="lex-shrink-0 mr-2 h-6 w-6 self-end" />
+    {/snippet}
+    {#snippet title()}
+        <span>Connection</span>
+    {/snippet}
 
-  <div class="flex">
-    <label class="label w-32" for="server">Address:</label>
-    <input class="input" bind:value={$location} />
-  </div>
+    <div class="flex">
+        <label class="label w-32" for="server">Address:</label>
+        <input class="input" bind:value={$location} />
+    </div>
 
-  <button class="btn btn-primary" onclick={update}>Update</button>
+    <button class="btn btn-primary" onclick={update}>Update</button>
 </SettingsCard>