feat: rename accounts to user

components/user/UserSignIn.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { DEFAULT_SERVER } from '~/constants'
+
+const server = ref<string>()
+
+async function oauth() {
+  location.href = `/api/${server.value || DEFAULT_SERVER}/login`
+}
+</script>
+
+<template>
+  <div h-full text-center justify-center flex="~ col items-center gap2">
+    <div text-3xl mb2>
+      Sign in
+    </div>
+    <div>Mastodon Server Name</div>
+    <div flex bg-gray:10 px2 py1 mxa rounded border="~ border" w-80 text-xl items-center>
+      <span op35 mr1 text-sm>https://</span>
+      <input v-model="server" :placeholder="DEFAULT_SERVER" outline-none bg-transparent>
+    </div>
+    <button btn-solid mxa mt2 @click="oauth()">
+      Sign in
+    </button>
+  </div>
+</template>

components/user/UserSignInEntry.vue

@@ -0,0 +1,10 @@
+<template>
+  <div p8 flex="~ col gap4">
+    <div text-sm op50>
+      Sign in to follow profiles or hashtags, favourite, share and reply to posts, or interact from your account on a different server.
+    </div>
+    <NuxtLink to="/signin" class="btn-solid text-center">
+      Sign in
+    </NuxtLink>
+  </div>
+</template>

components/user/UserSwitcher.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+const all = useUsers()
+
+const sorted = computed(() => {
+  return [
+    currentUser.value!,
+    ...all.value.filter(account => account.token !== currentUser.value?.token),
+  ].filter(Boolean)
+})
+</script>
+
+<template>
+  <div max-w-40rem mxa p4 flex="~ col gap2">
+    <h1 text-2xl>
+      Switch Account
+    </h1>
+    <div mx--2>
+      <template v-for="user of sorted" :key="user.id">
+        <AccountInfo
+          :account="user.account"
+          :link="false"
+          :full-server="true"
+          rounded p2
+          hover:bg-active cursor-pointer
+          @click="loginTo(user)"
+        >
+          <template v-if="user.token === currentUser?.token">
+            <div flex-auto />
+            <div i-ri:check-line text-primary mya text-2xl />
+          </template>
+        </AccountInfo>
+      </template>
+    </div>
+    <div mx--4 border="t base" pt2>
+      <button btn-text flex="~ gap-1" items-center @click="openSigninDialog">
+        <div i-ri:user-add-line />
+        Add another account
+      </button>
+      <button
+        v-if="currentUser" btn-text hover:text-red4 flex="~ gap-1" items-center
+        @click="signout"
+      >
+        <div i-ri:logout-box-line />
+        Sign out @{{ currentUser.account!.acct }}
+      </button>
+    </div>
+  </div>
+</template>