diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-10-05 15:48:11 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-10-05 15:48:11 +0900 |
| commit | 720c6519cdca2b2c969cb5d8ce2de0145005b432 (patch) | |
| tree | 6a72acfb95453c5bc1e038aaac7da3ca53ce6878 /packages/frontend/src/pages/user/notes.vue | |
| parent | Update CHANGELOG with new features and enhancements (diff) | |
| download | misskey-720c6519cdca2b2c969cb5d8ce2de0145005b432.tar.gz misskey-720c6519cdca2b2c969cb5d8ce2de0145005b432.tar.bz2 misskey-720c6519cdca2b2c969cb5d8ce2de0145005b432.zip | |
refactor(frontend): MkTabの指定をpropsから行うように (#16596)
* refactor(frontend): MkTabの指定をpropsから行うように
* Update explore.featured.vue
Diffstat (limited to 'packages/frontend/src/pages/user/notes.vue')
| -rw-r--r-- | packages/frontend/src/pages/user/notes.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/packages/frontend/src/pages/user/notes.vue b/packages/frontend/src/pages/user/notes.vue index b5e600da92..1e6dba73bd 100644 --- a/packages/frontend/src/pages/user/notes.vue +++ b/packages/frontend/src/pages/user/notes.vue @@ -8,11 +8,16 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.root"> <MkStickyContainer> <template #header> - <MkTab v-model="tab" :class="$style.tab"> - <option value="featured">{{ i18n.ts.featured }}</option> - <option value="notes">{{ i18n.ts.notes }}</option> - <option value="all">{{ i18n.ts.all }}</option> - <option value="files">{{ i18n.ts.withFiles }}</option> + <MkTab + v-model="tab" + :tabs="[ + { key: 'featured', label: i18n.ts.featured }, + { key: 'notes', label: i18n.ts.notes }, + { key: 'all', label: i18n.ts.all }, + { key: 'files', label: i18n.ts.withFiles }, + ]" + :class="$style.tab" + > </MkTab> </template> <MkNotesTimeline v-if="tab === 'featured'" :noGap="true" :paginator="featuredPaginator" :class="$style.tl"/> @@ -34,7 +39,7 @@ const props = defineProps<{ user: Misskey.entities.UserDetailed; }>(); -const tab = ref<string>('all'); +const tab = ref<'featured' | 'notes' | 'all' | 'files'>('all'); const featuredPaginator = markRaw(new Paginator('users/featured-notes', { limit: 10, |