CloudToys/elk
1
0
Fork 0
Code

feat: add not found for user pages

Browse Source
This commit is contained in:
三咲智子 2022-11-24 01:16:10 +08:00
parent ae6552fee0
commit a473cc2de5
No known key found for this signature in database
GPG Key ID: 69992F2250DFD93E
5 changed files with 46 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/common/CommonNotFound.vue Normal file
View File

@ -0,0 +1,8 @@
<template>
<div flex="~ col" items-center>
<div i-ri:forbid-line text-10 mt10 mb2 />
<div text-lg>
<slot>Not found</slot>
</div>
</div>
</template>

8
pages/@[user]/[post].vue
View File

@ -29,9 +29,7 @@ const { data: context } = await useAsyncData(`${id}-context`, () => masto.status
</template>
</template>
<template>
<div>
Status not found
</div>
</template>
<CommonNotFound v-else>
Status not found
</CommonNotFound>
</template>

18
pages/@[user]/followers.vue
View File

@ -2,13 +2,19 @@
const params = useRoute().params
const user = $computed(() => params.user as string)
const { data: account } = await useAsyncData(`${user}:info`, () => masto.accounts.lookup({ acct: user }))
const paginator = masto.accounts.getFollowersIterable(account.value!.id!, {})
const { data: account } = $(await useAsyncData(`${user}:info`, () => masto.accounts.lookup({ acct: user })))
const paginator = account ? masto.accounts.getFollowersIterable(account!.id!, {}) : null
</script>
<template>
<div>
<AccountHeader :account="account" />
</div>
<AccountPaginator :paginator="paginator" />
<template v-if="account">
<div>
<AccountHeader :account="account" />
</div>
<AccountPaginator :paginator="paginator" />
</template>
<CommonNotFound v-else>
Account @{{ params.user }} not found
</CommonNotFound>
</template>

18
pages/@[user]/following.vue
View File

@ -2,13 +2,19 @@
const params = useRoute().params
const user = $computed(() => params.user as string)
const { data: account } = await useAsyncData(`${user}:info`, () => masto.accounts.lookup({ acct: user }))
const paginator = masto.accounts.getFollowingIterable(account.value!.id!, {})
const { data: account } = $(await useAsyncData(`${user}:info`, () => masto.accounts.lookup({ acct: user })))
const paginator = account ? masto.accounts.getFollowingIterable(account!.id!, {}) : null
</script>
<template>
<div>
<AccountHeader :account="account" />
</div>
<AccountPaginator :paginator="paginator" />
<template v-if="account">
<div>
<AccountHeader :account="account" />
</div>
<AccountPaginator :paginator="paginator" />
</template>
<CommonNotFound v-else>
Account @{{ params.user }} not found
</CommonNotFound>
</template>

16
pages/@[user]/index.vue
View File

@ -19,9 +19,15 @@ const paginator = $computed(() => {
</script>
<template>
<div>
<AccountHeader :account="account" />
</div>
<CommonTabs v-model="tab" :options="tabNames" />
<TimelinePaginator :key="tab" :paginator="paginator" />
<template v-if="account">
<div>
<AccountHeader :account="account" />
</div>
<CommonTabs v-model="tab" :options="tabNames" />
<TimelinePaginator :key="tab" :paginator="paginator" />
</template>
<CommonNotFound v-else>
Account @{{ params.user }} not found
</CommonNotFound>
</template>