enhance(client): ヘッダー(MkPageHeader)関連 (#9869)
* MkPageHeader大改造
* ユーザーページのノート一覧をタブにするなど
* ✌️
* 🎨
* fix
* wheel
* clean up
* 🎨
* 🎨
* remove console.log
* update CHANGELOG.md
* fix
* fix
* fix
* ✌️
* header avatar clickable
* !hideTitle
* Revert "!hideTitle"
This reverts commit 19cad428c9
.
* fix changelog
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
<Transition name="fade" mode="out-in">
|
||||
<div v-if="user">
|
||||
<XHome v-if="tab === 'home'" :user="user"/>
|
||||
<XActivity v-else-if="tab === 'activity'" :user="user"/>
|
||||
<XTimeline v-else-if="tab === 'notes'" :user="user" />
|
||||
<XAchievements v-else-if="tab === 'achievements'" :user="user"/>
|
||||
<XReactions v-else-if="tab === 'reactions'" :user="user"/>
|
||||
<XClips v-else-if="tab === 'clips'" :user="user"/>
|
||||
@@ -34,6 +34,7 @@ import { i18n } from '@/i18n';
|
||||
import { $i } from '@/account';
|
||||
|
||||
const XHome = defineAsyncComponent(() => import('./home.vue'));
|
||||
const XTimeline = defineAsyncComponent(() => import('./index.timeline.vue'));
|
||||
const XActivity = defineAsyncComponent(() => import('./activity.vue'));
|
||||
const XAchievements = defineAsyncComponent(() => import('./achievements.vue'));
|
||||
const XReactions = defineAsyncComponent(() => import('./reactions.vue'));
|
||||
@@ -74,6 +75,10 @@ const headerTabs = $computed(() => user ? [{
|
||||
key: 'home',
|
||||
title: i18n.ts.overview,
|
||||
icon: 'ti ti-home',
|
||||
}, {
|
||||
key: 'notes',
|
||||
title: i18n.ts.notes,
|
||||
icon: 'ti ti-pencil',
|
||||
}, {
|
||||
key: 'activity',
|
||||
title: i18n.ts.activity,
|
||||
|
Reference in New Issue
Block a user