Lint, rename chat compose stuff

src/app/components/ChatComposeLink.svelte

@@ -10,12 +10,12 @@
   export let selected: NodeViewProps["selected"]
 </script>
 
-<NodeViewWrapper class="inline">
+<NodeViewWrapper class="inline-block">
   <Link
     external
     href={node.attrs.url}
     class={cx("link-content", {"link-content-selected": selected})}>
-    <Icon icon="link-round" size={3} class="inline-block translate-y-px" />
+    <Icon icon="link-round" size={3} class="inline-block" />
     {displayUrl(node.attrs.url)}
   </Link>
 </NodeViewWrapper>

src/app/components/ChatComposeSuggestions.svelte

@@ -65,10 +65,10 @@
     data-theme={$theme}
     bind:this={element}
     transition:slide|local={{duration: 100}}
-    class="mt-2 flex max-h-[350px] flex-col overflow-y-auto overflow-x-hidden shadow-xl">
+    class="mt-2 max-h-[350px] overflow-y-auto overflow-x-hidden shadow-xl">
     {#if term && allowCreate}
       <button
-        class="white-space-nowrap min-w-0 cursor-pointer overflow-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
         on:mousedown|preventDefault
         on:click|preventDefault={() => select(term)}>
         Use "<svelte:component this={component} value={term} />"
@@ -76,7 +76,7 @@
     {/if}
     {#each items as value, i (value)}
       <button
-        class="white-space-nowrap min-w-0 cursor-pointer overflow-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
+        class="white-space-nowrap block w-full min-w-0 cursor-pointer overflow-x-hidden text-ellipsis px-4 py-2 text-left transition-colors hover:bg-primary hover:text-primary-content"
         class:bg-primary={index === i}
         class:text-primary-content={index === i}
         on:mousedown|preventDefault

src/app/components/GroupComposeTopic.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-  import cx from "classnames"
-  import type {NodeViewProps} from "@tiptap/core"
-  import {NodeViewWrapper} from "svelte-tiptap"
-  import Link from "@lib/components/Link.svelte"
-
-  export let node: NodeViewProps["node"]
-  export let selected: NodeViewProps["selected"]
-</script>
-
-<NodeViewWrapper class="inline">
-  <Link
-    external
-    href="https://coracle.social/topics/{node.attrs.topic.toLowerCase()}"
-    class={cx("link-content", {"link-content-selected": selected})}>
-    #{node.attrs.topic}
-  </Link>
-</NodeViewWrapper>

src/app/components/GroupComposeTopicSuggestion.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-  export let value
-</script>
-
-#{value}

src/app/components/InfoRelay.svelte

@@ -1,9 +1,6 @@
 <script lang="ts">
-  import {displayRelayUrl} from "@welshman/util"
   import Button from "@lib/components/Button.svelte"
   import Link from "@lib/components/Link.svelte"
-  import Icon from "@lib/components/Icon.svelte"
-  import {clip} from "@app/toast"
 </script>
 
 <div class="column gap-4">

src/app/components/LogIn.svelte

@@ -26,7 +26,7 @@
   const onSuccess = async (session: Session, relays: string[] = []) => {
     addSession(session)
 
-    await loadUserData(session.pubkey, relays)
+    await loadUserData(session.pubkey, {relays})
 
     pushToast({message: "Successfully logged in!"})
     clearModal()

src/app/components/RoomCreate.svelte

@@ -1,21 +1,15 @@
 <script lang="ts">
   import {goto} from "$app/navigation"
-  import {append, remove} from "@welshman/lib"
   import {displayRelayUrl} from "@welshman/util"
-  import {deriveRelay} from "@welshman/app"
   import Field from "@lib/components/Field.svelte"
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
-  import {pushModal} from "@app/modal"
-  import {pushToast} from "@app/toast"
   import {addRoomMembership} from "@app/commands"
-  import {makeSpacePath} from '@app/routes'
+  import {makeSpacePath} from "@app/routes"
 
   export let url
 
-  const relay = deriveRelay(url)
-
   const back = () => history.back()
 
   const tryCreate = async () => {
@@ -39,9 +33,7 @@
 </script>
 
 <form class="column gap-4" on:submit|preventDefault={create}>
-  <h1 class="heading">
-    Create a Room
-  </h1>
+  <h1 class="heading">Create a Room</h1>
   <p class="text-center">
     On <span class="text-primary">{displayRelayUrl(url)}</span>
   </p>

src/app/components/SpaceJoin.svelte

@@ -1,18 +1,13 @@
 <script lang="ts">
-  import {append, remove} from "@welshman/lib"
   import {displayRelayUrl} from "@welshman/util"
-  import {deriveRelay} from "@welshman/app"
   import Spinner from "@lib/components/Spinner.svelte"
   import Button from "@lib/components/Button.svelte"
   import Icon from "@lib/components/Icon.svelte"
-  import {pushModal, clearModal} from "@app/modal"
-  import {pushToast} from "@app/toast"
+  import {clearModal} from "@app/modal"
   import {addSpaceMembership} from "@app/commands"
 
   export let url
 
-  const relay = deriveRelay(url)
-
   const back = () => history.back()
 
   const tryJoin = async () => {