style: format code for consistency and readability in sileo-toast component

eslint.config.js

@@ -36,5 +36,14 @@ export default ts.config(
         svelteConfig,
       },
     },
+  },
+  {
+    rules: {
+      'no-empty': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        { argsIgnorePattern: '^_', varsIgnorePattern: '^\\$\\$(Props|Events|Slots|Generic)$' },
+      ],
+    },
   }
 );

src/lib/components/ui/sileo/sileo-toast.svelte

@@ -1,21 +1,21 @@
 <script lang="ts">
-	import { createElement } from 'react'
+  import { createElement } from 'react';
-	import { createRoot } from 'react-dom/client'
+  import { createRoot } from 'react-dom/client';
-	import type { SileoOptions } from 'sileo'
+  import type { SileoOptions } from 'sileo';
 
-	let props: SileoOptions = $props()
+  let props: SileoOptions = $props();
-	let rootEl: HTMLElement
+  let rootEl: HTMLElement;
 
-	$effect(() => {
+  $effect(() => {
-		const root = createRoot(rootEl)
+    const root = createRoot(rootEl);
 
-		import('sileo').then(({ Toaster }) => {
+    import('sileo').then(({ Toaster }) => {
-			const sileo = createElement(Toaster, { ...props })
+      const sileo = createElement(Toaster, { ...props });
-			root.render(sileo)
+      root.render(sileo);
-		})
+    });
 
-		return () => root.unmount()
+    return () => root.unmount();
-	})
+  });
 </script>
 
 <div bind:this={rootEl}></div>