Goatworks/Capital
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 Optimize userinfo loading process

Browse Source
This commit is contained in:
LittleSheep
2024-08-13 16:23:33 +08:00
parent 3fc80dc9fe
commit 4e5bcaad94
3 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/UserMenu.vue
View File

@ -2,15 +2,12 @@
<v-menu>
<template #activator="{ props }">
<v-btn flat exact v-bind="props" icon>
<v-avatar color="transparent" icon="mdi-account-circle" :image="avatar" />
<v-avatar v-if="id.isReady" color="transparent" icon="mdi-account-circle" :image="avatar" />
<v-progress-circular v-else indeterminate size="20" width="2.5" />
</v-btn>
</template>
<v-list density="compact" v-if="!id.userinfo.isLoggedIn">
<v-list-item title="Sign in" prepend-icon="mdi-login-variant" to="/auth/sign-in" />
<v-list-item title="Create account" prepend-icon="mdi-account-plus" to="/auth/sign-up" />
</v-list>
<v-list density="compact" v-else>
<v-list density="compact" v-if="id.isLoggedIn">
<v-list-item :title="nickname" :subtitle="username" />
<v-divider class="border-opacity-50 my-2" />
@ -18,6 +15,10 @@
<v-list-item title="Dashboard" prepend-icon="mdi-account-supervisor" exact to="/users/me" />
<v-list-item title="Sign out" prepend-icon="mdi-logout" @click="signOut"></v-list-item>
</v-list>
<v-list density="compact" v-else>
<v-list-item title="Sign in" prepend-icon="mdi-login-variant" to="/auth/sign-in" />
<v-list-item title="Create account" prepend-icon="mdi-account-plus" to="/auth/sign-up" />
</v-list>
</v-menu>
</template>
@ -30,21 +31,21 @@ const config = useRuntimeConfig()
const id = useUserinfo()
const username = computed(() => {
if (id.userinfo.isLoggedIn) {
return "@" + id.userinfo.data?.name
if (id.isLoggedIn) {
return "@" + id.userinfo?.name
} else {
return "@visitor"
}
})
const nickname = computed(() => {
if (id.userinfo.isLoggedIn) {
return id.userinfo.data?.nick
if (id.isLoggedIn) {
return id.userinfo?.nick
} else {
return "Anonymous"
}
})
const avatar = computed(() => {
return id.userinfo.data?.avatar ? `${config.public.solarNetworkApi}/cgi/files/attachments/${id.userinfo.data?.avatar}` : void 0
return id.userinfo?.avatar ? `${config.public.solarNetworkApi}/cgi/files/attachments/${id.userinfo?.avatar}` : void 0
})
function signOut() {