style: Prettier format

src/app.css

@@ -3,8 +3,8 @@
 @import 'tailwindcss/utilities';
 
 .abs-centered {
-    position: absolute;
+  position: absolute;
-    left: 50%;
+  left: 50%;
-    top: 50%;
+  top: 50%;
-    transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
-}
+}

src/lib/components/message.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { type TypeMessage } from '../'
+  import { type TypeMessage } from '../';
-  const { message, imageSrc, user }: TypeMessage   = $props()
+  const { message, imageSrc, user }: TypeMessage = $props();
 </script>
 
 <div class="w-full hover:bg-base-300 bg-base-200 flex py-2">
@@ -13,4 +13,4 @@
     <p class="font-bold">{user}</p>
     <p>{message}</p>
   </div>
-</div>
+</div>

src/lib/index.ts

@@ -1,7 +1,7 @@
 // place files you want to import through the `$lib` alias in this folder.
 
 export interface TypeMessage {
-  message: string,
+  message: string;
-  imageSrc: string,
+  imageSrc: string;
   user: string;
-}
+}

src/lib/websocketConfig.ts

@@ -1,6 +1,6 @@
 import { Server as SocketIOServer } from 'socket.io';
 import type { HttpServer } from 'vite';
-import { type TypeMessage } from './'
+import { type TypeMessage } from './';
 
 let io: SocketIOServer | undefined;
 
@@ -13,14 +13,13 @@ export function startupSocketIOServer(httpServer: HttpServer | null) {
     // Runs on client connect
     console.log(`[ws:kit] client connected (${socket.id})`);
 
-
     // Runs on message receive
     socket.on('message', (msg) => {
       console.log(`[ws:kit] message from ${socket.id}: ${msg}`);
       io!.emit('message', {
         user: socket.id,
         message: msg,
-        imageSrc: 'https://www.arithefirst.com/images/pfp.png'
+        imageSrc: 'https://www.arithefirst.com/images/pfp.png',
       });
     });
 

src/routes/+page.svelte

@@ -44,17 +44,13 @@
       <button
         class="btn w-full"
         on:click={() => {
-      log = [];
+          log = [];
-    }}>Clear Messages</button>
+        }}>Clear Messages</button>
     </div>
   </div>
   <div class="col-span-1 overflow-scroll bg-base-200 m-4 rounded-lg">
     {#each log as message}
-      <Message
+      <Message imageSrc={message.imageSrc} user={message.user} message={message.message} />
-        imageSrc={message.imageSrc}
-        user={message.user}
-        message={message.message}
-      />
     {/each}
   </div>
-</main>
+</main>