From ed5b8091d3202a3b02dec85830e403435d0db5d6 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Wed, 23 Nov 2022 12:25:48 +0800
Subject: [PATCH] feat: rename accounts to user

---
 components/modal/ModalContainer.vue           |  8 +++---
 .../AccountSignIn.vue => user/UserSignIn.vue} |  0
 .../UserSignInEntry.vue}                      |  0
 .../UserSwitcher.vue}                         | 14 +++++-----
 composables/client.ts                         |  2 +-
 composables/dialog.ts                         |  8 +++---
 composables/{accounts.ts => users.ts}         | 28 +++++++++----------
 layouts/default.vue                           |  4 +--
 pages/@[user]/following.vue                   |  4 ---
 pages/signin/index.vue                        |  9 ------
 10 files changed, 32 insertions(+), 45 deletions(-)
 rename components/{account/AccountSignIn.vue => user/UserSignIn.vue} (100%)
 rename components/{account/AccountSignInEntry.vue => user/UserSignInEntry.vue} (100%)
 rename components/{account/AccountSwitcher.vue => user/UserSwitcher.vue} (73%)
 rename composables/{accounts.ts => users.ts} (56%)
 delete mode 100644 pages/signin/index.vue

diff --git a/components/modal/ModalContainer.vue b/components/modal/ModalContainer.vue
index 29ccff74..4dace15e 100644
--- a/components/modal/ModalContainer.vue
+++ b/components/modal/ModalContainer.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { isAccountSwitcherOpen, isSigninDialogOpen } from '~/composables/dialog'
+import { isSigninDialogOpen, isUserSwitcherOpen } from '~/composables/dialog'
 </script>
 
 <template>
-  <ModalDrawer v-model="isAccountSwitcherOpen">
-    <AccountSwitcher />
+  <ModalDrawer v-model="isUserSwitcherOpen">
+    <UserSwitcher />
   </ModalDrawer>
   <ModalDialog v-model="isSigninDialogOpen">
-    <AccountSignIn m6 />
+    <UserSignIn m6 />
   </ModalDialog>
 </template>
diff --git a/components/account/AccountSignIn.vue b/components/user/UserSignIn.vue
similarity index 100%
rename from components/account/AccountSignIn.vue
rename to components/user/UserSignIn.vue
diff --git a/components/account/AccountSignInEntry.vue b/components/user/UserSignInEntry.vue
similarity index 100%
rename from components/account/AccountSignInEntry.vue
rename to components/user/UserSignInEntry.vue
diff --git a/components/account/AccountSwitcher.vue b/components/user/UserSwitcher.vue
similarity index 73%
rename from components/account/AccountSwitcher.vue
rename to components/user/UserSwitcher.vue
index 64db7d82..bba938f9 100644
--- a/components/account/AccountSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-const allAccounts = useAccounts()
+const all = useUsers()
 
-const sortedAccounts = computed(() => {
+const sorted = computed(() => {
   return [
     currentUser.value!,
-    ...allAccounts.value.filter(account => account.token !== currentUser.value?.token),
+    ...all.value.filter(account => account.token !== currentUser.value?.token),
   ].filter(Boolean)
 })
 </script>
@@ -15,16 +15,16 @@ const sortedAccounts = computed(() => {
       Switch Account
     </h1>
     <div mx--2>
-      <template v-for="acc of sortedAccounts" :key="acc.id">
+      <template v-for="user of sorted" :key="user.id">
         <AccountInfo
-          :account="acc.account"
+          :account="user.account"
           :link="false"
           :full-server="true"
           rounded p2
           hover:bg-active cursor-pointer
-          @click="loginTo(acc)"
+          @click="loginTo(user)"
         >
-          <template v-if="acc.token === currentUser?.token">
+          <template v-if="user.token === currentUser?.token">
             <div flex-auto />
             <div i-ri:check-line text-primary mya text-2xl />
           </template>
diff --git a/composables/client.ts b/composables/client.ts
index be2c7ace..9e6dce21 100644
--- a/composables/client.ts
+++ b/composables/client.ts
@@ -1,5 +1,5 @@
 import { login } from 'masto'
-import { currentUser } from './accounts'
+import { currentUser } from './users'
 import { DEFAULT_SERVER } from '~/constants'
 
 // TODO: improve upsteam to make this synchronous (delayed auth)
diff --git a/composables/dialog.ts b/composables/dialog.ts
index 86526c17..de7afc8d 100644
--- a/composables/dialog.ts
+++ b/composables/dialog.ts
@@ -1,11 +1,11 @@
-export const isAccountSwitcherOpen = ref(false)
+export const isUserSwitcherOpen = ref(false)
 export const isSigninDialogOpen = ref(false)
 
-export function openAccountSwitcher() {
-  isAccountSwitcherOpen.value = true
+export function openUserSwitcher() {
+  isUserSwitcherOpen.value = true
 }
 
 export function openSigninDialog() {
   isSigninDialogOpen.value = true
-  isAccountSwitcherOpen.value = false
+  isUserSwitcherOpen.value = false
 }
diff --git a/composables/accounts.ts b/composables/users.ts
similarity index 56%
rename from composables/accounts.ts
rename to composables/users.ts
index 79cd41a0..4318aa8c 100644
--- a/composables/accounts.ts
+++ b/composables/users.ts
@@ -2,30 +2,30 @@ import { login as loginMasto } from 'masto'
 import type { UserLogin } from '~/types'
 import { DEFAULT_SERVER } from '~/constants'
 
-const accounts = useLocalStorage<UserLogin[]>('nuxtodon-accounts', [], { deep: true })
-const currentId = useLocalStorage<string>('nuxtodon-current-user', '')
+const users = useLocalStorage<UserLogin[]>('nuxtodon-accounts', [], { deep: true })
+const currentUserId = useLocalStorage<string>('nuxtodon-current-user', '')
 
 export const currentUser = computed<UserLogin | undefined>(() => {
   let user: UserLogin | undefined
-  if (currentId.value) {
-    user = accounts.value.find(user => user.account?.id === currentId.value)
+  if (currentUserId.value) {
+    user = users.value.find(user => user.account?.id === currentUserId.value)
     if (user)
       return user
   }
   // Fallback to the first account
-  return accounts.value[0]
+  return users.value[0]
 })
 
 export const currentServer = computed<string>(() => currentUser.value?.server || DEFAULT_SERVER)
 
-export const useAccounts = () => accounts
+export const useUsers = () => users
 
 export async function loginTo(user: UserLogin) {
-  const existing = accounts.value.findIndex(u => u.server === user.server && u.token === user.token)
+  const existing = users.value.findIndex(u => u.server === user.server && u.token === user.token)
   if (existing !== -1) {
-    if (currentId.value === accounts.value[existing].account?.id)
+    if (currentUserId.value === users.value[existing].account?.id)
       return null
-    currentId.value = user.account?.id
+    currentUserId.value = user.account?.id
     await reloadPage()
     return true
   }
@@ -37,8 +37,8 @@ export async function loginTo(user: UserLogin) {
   const me = await masto.accounts.verifyCredentials()
   user.account = me
 
-  accounts.value.push(user)
-  currentId.value = me.id
+  users.value.push(user)
+  currentUserId.value = me.id
   await reloadPage()
   return true
 }
@@ -48,12 +48,12 @@ export async function signout() {
   if (!currentUser.value)
     return
 
-  const index = accounts.value.findIndex(u => u.account?.id === currentUser.value?.account?.id)
+  const index = users.value.findIndex(u => u.account?.id === currentUser.value?.account?.id)
   if (index === -1)
     return
 
-  accounts.value.splice(index, 1)
-  currentId.value = accounts.value[0]?.account?.id
+  users.value.splice(index, 1)
+  currentUserId.value = users.value[0]?.account?.id
   await reloadPage()
 }
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 5d862048..64a1a74a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -7,14 +7,14 @@
             <template v-if="currentUser">
               <PublishWidget px4 draft-key="home" />
             </template>
-            <AccountSignInEntry v-else />
+            <UserSignInEntry v-else />
             <div flex-auto />
             <AccountInfo
               v-if="currentUser"
               p4
               :account="currentUser?.account"
               :link="false"
-              @click="openAccountSwitcher"
+              @click="openUserSwitcher"
             />
           </slot>
         </div>
diff --git a/pages/@[user]/following.vue b/pages/@[user]/following.vue
index a3369cb1..c6a17063 100644
--- a/pages/@[user]/following.vue
+++ b/pages/@[user]/following.vue
@@ -1,8 +1,4 @@
 <script setup lang="ts">
-const props = defineProps<{
-  modelValue?: boolean
-}>()
-
 const params = useRoute().params
 const user = $computed(() => params.user as string)
 
diff --git a/pages/signin/index.vue b/pages/signin/index.vue
deleted file mode 100644
index 279a3992..00000000
--- a/pages/signin/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: 'none',
-})
-</script>
-
-<template>
-  <AccountSignIn />
-</template>