Autoformat

src/routes/+layout.svelte

@@ -1,24 +1,24 @@
 <script lang="ts">
   import "src/app.css"
-  import {onMount} from 'svelte'
-  import {page} from '$app/stores'
-  import {onNavigate} from '$app/navigation'
-  import Icon from 'lib/components/Icon.svelte'
-  import PrimaryNav from 'app/components/PrimaryNav.svelte'
-  import SecondaryNav from 'app/components/SecondaryNav.svelte'
-  import {fly, toast, modals, pushModal} from 'app/state'
+  import {onMount} from "svelte"
+  import {page} from "$app/stores"
+  import {onNavigate} from "$app/navigation"
+  import Icon from "lib/components/Icon.svelte"
+  import PrimaryNav from "app/components/PrimaryNav.svelte"
+  import SecondaryNav from "app/components/SecondaryNav.svelte"
+  import {fly, toast, modals, pushModal} from "app/state"
 
   const login = async () => {
-    const nl = await import('nostr-login')
+    const nl = await import("nostr-login")
 
     nl.init({
       noBanner: true,
-      title: 'Welcome to Flotilla!',
-      description: 'Log in with your Nostr account or sign up to join.',
-      methods: ['connect', 'extension', 'local'],
+      title: "Welcome to Flotilla!",
+      description: "Log in with your Nostr account or sign up to join.",
+      methods: ["connect", "extension", "local"],
       onAuth(npub: string) {
         console.log(npub)
-      }
+      },
     })
 
     nl.launch()
@@ -38,7 +38,7 @@
 <div class="flex h-screen" data-theme="dark">
   <PrimaryNav />
   <SecondaryNav />
-  <div class="bg-base-200 flex-grow">
+  <div class="flex-grow bg-base-200">
     <slot />
   </div>
 </div>

src/routes/+page.svelte

@@ -1,42 +1,46 @@
 <script lang="ts">
-  import Icon from 'lib/components/Icon.svelte'
+  import Icon from "lib/components/Icon.svelte"
 </script>
 
-<div class="hero bg-base-200 min-h-screen">
+<div class="hero min-h-screen bg-base-200">
   <div class="hero-content">
-    <div class="max-w-xl flex flex-col gap-4">
-      <h1 class="text-5xl text-center text-stark-content">Welcome to</h1>
-      <h1 class="text-5xl font-bold uppercase text-center mb-4 text-stark-content">Flotilla</h1>
-      <div class="grid gap-3 grid-cols-2">
-        <div class="button items-center flex gap-4 bg-base-100 hover:bg-base-200">
+    <div class="flex max-w-xl flex-col gap-4">
+      <h1 class="text-stark-content text-center text-5xl">Welcome to</h1>
+      <h1 class="text-stark-content mb-4 text-center text-5xl font-bold uppercase">Flotilla</h1>
+      <div class="grid grid-cols-2 gap-3">
+        <div class="button flex items-center gap-4 bg-base-100 hover:bg-base-200">
           <Icon class="bg-accent" size={7} icon="add-circle" />
           <div class="flex flex-col gap-1">
             <p class="text-stark-content">Create a group</p>
-            <p class="text-xs">Invite all your friends, do life together.<p>
+            <p class="text-xs">Invite all your friends, do life together.</p>
+            <p></p>
           </div>
           <Icon size={7} icon="alt-arrow-right" />
         </div>
-        <div class="button items-center flex gap-4 bg-base-100 hover:bg-base-200">
+        <div class="button flex items-center gap-4 bg-base-100 hover:bg-base-200">
           <Icon class="bg-accent" size={7} icon="compass" />
           <div class="flex flex-col gap-1">
             <p class="text-stark-content">Discover groups</p>
-            <p class="text-xs">Find a community based on your hobbies or interests.<p>
+            <p class="text-xs">Find a community based on your hobbies or interests.</p>
+            <p></p>
           </div>
           <Icon size={7} icon="alt-arrow-right" />
         </div>
-        <div class="button items-center flex gap-4 bg-base-100 hover:bg-base-200">
+        <div class="button flex items-center gap-4 bg-base-100 hover:bg-base-200">
           <Icon class="bg-accent" size={7} icon="plain" />
           <div class="flex flex-col gap-1">
             <p class="text-stark-content">Leave feedback</p>
-            <p class="text-xs">Let us know how we can improve by giving us feedback.<p>
+            <p class="text-xs">Let us know how we can improve by giving us feedback.</p>
+            <p></p>
           </div>
           <Icon size={7} icon="alt-arrow-right" />
         </div>
-        <div class="button items-center flex gap-4 bg-base-100 hover:bg-base-200">
+        <div class="button flex items-center gap-4 bg-base-100 hover:bg-base-200">
           <Icon class="bg-accent" size={7} icon="hand-pills" />
           <div class="flex flex-col gap-1">
             <p class="text-stark-content">Donate to Flotilla</p>
-            <p class="text-xs">Support the project by donating to the developer.<p>
+            <p class="text-xs">Support the project by donating to the developer.</p>
+            <p></p>
           </div>
           <Icon size={7} icon="alt-arrow-right" />
         </div>

src/routes/friends/+page.svelte

@@ -1 +0,0 @@
-