Skip to content
This repository was archived by the owner on Jan 16, 2026. It is now read-only.

Commit de19d9a

Browse files
committed
refactor(frontend): MkHorizontalSwipe -> MkSwiper
1 parent 165830d commit de19d9a

File tree

18 files changed

+47
-47
lines changed

18 files changed

+47
-47
lines changed
File renamed without changes.

packages/frontend/src/pages/about.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
55

66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
8-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
8+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
99
<MkSpacer v-if="tab === 'overview'" :contentMax="600" :marginMin="20">
1010
<XOverview/>
1111
</MkSpacer>
@@ -18,7 +18,7 @@ SPDX-License-Identifier: AGPL-3.0-only
1818
<MkSpacer v-else-if="tab === 'charts'" :contentMax="1000" :marginMin="20">
1919
<MkInstanceStats/>
2020
</MkSpacer>
21-
</MkHorizontalSwipe>
21+
</MkSwiper>
2222
</PageWithHeader>
2323
</template>
2424

@@ -28,7 +28,7 @@ import { instance } from '@/instance.js';
2828
import { i18n } from '@/i18n.js';
2929
import { claimAchievement } from '@/utility/achievements.js';
3030
import { definePage } from '@/page.js';
31-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
31+
import MkSwiper from '@/components/MkSwiper.vue';
3232
3333
const XOverview = defineAsyncComponent(() => import('@/pages/about.overview.vue'));
3434
const XEmojis = defineAsyncComponent(() => import('@/pages/about.emojis.vue'));

packages/frontend/src/pages/announcements.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkSpacer :contentMax="800">
9-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
9+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1010
<div class="_gaps">
1111
<MkInfo v-if="$i && $i.hasUnreadAnnouncement && tab === 'current'" warn>{{ i18n.ts.youHaveUnreadAnnouncements }}</MkInfo>
1212
<MkPagination ref="paginationEl" :key="tab" v-slot="{items}" :pagination="tab === 'current' ? paginationCurrent : paginationPast" class="_gaps">
@@ -40,7 +40,7 @@ SPDX-License-Identifier: AGPL-3.0-only
4040
</section>
4141
</MkPagination>
4242
</div>
43-
</MkHorizontalSwipe>
43+
</MkSwiper>
4444
</MkSpacer>
4545
</PageWithHeader>
4646
</template>
@@ -50,7 +50,7 @@ import { ref, computed } from 'vue';
5050
import MkPagination from '@/components/MkPagination.vue';
5151
import MkButton from '@/components/MkButton.vue';
5252
import MkInfo from '@/components/MkInfo.vue';
53-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
53+
import MkSwiper from '@/components/MkSwiper.vue';
5454
import * as os from '@/os.js';
5555
import { misskeyApi } from '@/utility/misskey-api.js';
5656
import { i18n } from '@/i18n.js';

packages/frontend/src/pages/channel.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkSpacer :contentMax="700">
9-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
9+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1010
<div v-if="channel && tab === 'overview'" class="_gaps">
1111
<div class="_panel" :class="$style.bannerContainer">
1212
<XChannelFollowButton :channel="channel" :full="true" :class="$style.subscribe"/>
@@ -57,7 +57,7 @@ SPDX-License-Identifier: AGPL-3.0-only
5757
<MkInfo warn>{{ i18n.ts.notesSearchNotAvailable }}</MkInfo>
5858
</div>
5959
</div>
60-
</MkHorizontalSwipe>
60+
</MkSwiper>
6161
</MkSpacer>
6262
<template #footer>
6363
<div :class="$style.footer">
@@ -93,7 +93,7 @@ import { prefer } from '@/preferences.js';
9393
import MkNote from '@/components/MkNote.vue';
9494
import MkInfo from '@/components/MkInfo.vue';
9595
import MkFoldableSection from '@/components/MkFoldableSection.vue';
96-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
96+
import MkSwiper from '@/components/MkSwiper.vue';
9797
import { isSupportShare } from '@/utility/navigator.js';
9898
import { copyToClipboard } from '@/utility/copy-to-clipboard.js';
9999
import { notesSearchAvailable } from '@/utility/check-permissions.js';

packages/frontend/src/pages/channels.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkSpacer :contentMax="1200">
9-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
9+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1010
<div v-if="tab === 'search'" :class="$style.searchRoot">
1111
<div class="_gaps">
1212
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
@@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
5353
</div>
5454
</MkPagination>
5555
</div>
56-
</MkHorizontalSwipe>
56+
</MkSwiper>
5757
</MkSpacer>
5858
</PageWithHeader>
5959
</template>
@@ -67,7 +67,7 @@ import MkInput from '@/components/MkInput.vue';
6767
import MkRadios from '@/components/MkRadios.vue';
6868
import MkButton from '@/components/MkButton.vue';
6969
import MkFoldableSection from '@/components/MkFoldableSection.vue';
70-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
70+
import MkSwiper from '@/components/MkSwiper.vue';
7171
import { definePage } from '@/page.js';
7272
import { i18n } from '@/i18n.js';
7373
import { useRouter } from '@/router.js';

packages/frontend/src/pages/chat/home.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@ SPDX-License-Identifier: AGPL-3.0-only
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkPolkadots v-if="tab === 'home'" accented/>
99
<MkSpacer :contentMax="700">
10-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
10+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1111
<XHome v-if="tab === 'home'"/>
1212
<XInvitations v-else-if="tab === 'invitations'"/>
1313
<XJoiningRooms v-else-if="tab === 'joiningRooms'"/>
1414
<XOwnedRooms v-else-if="tab === 'ownedRooms'"/>
15-
</MkHorizontalSwipe>
15+
</MkSwiper>
1616
</MkSpacer>
1717
</PageWithHeader>
1818
</template>
@@ -25,7 +25,7 @@ import XJoiningRooms from './home.joiningRooms.vue';
2525
import XOwnedRooms from './home.ownedRooms.vue';
2626
import { i18n } from '@/i18n.js';
2727
import { definePage } from '@/page.js';
28-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
28+
import MkSwiper from '@/components/MkSwiper.vue';
2929
import MkPolkadots from '@/components/MkPolkadots.vue';
3030
3131
const tab = ref('home');

packages/frontend/src/pages/drive.file.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,23 +9,23 @@ SPDX-License-Identifier: AGPL-3.0-only
99
<MkPageHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/>
1010
</template>
1111

12-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
12+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1313
<MkSpacer v-if="tab === 'info'" :contentMax="800">
1414
<XFileInfo :fileId="fileId"/>
1515
</MkSpacer>
1616

1717
<MkSpacer v-else-if="tab === 'notes'" :contentMax="800">
1818
<XNotes :fileId="fileId"/>
1919
</MkSpacer>
20-
</MkHorizontalSwipe>
20+
</MkSwiper>
2121
</MkStickyContainer>
2222
</template>
2323

2424
<script lang="ts" setup>
2525
import { computed, ref, defineAsyncComponent } from 'vue';
2626
import { i18n } from '@/i18n.js';
2727
import { definePage } from '@/page.js';
28-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
28+
import MkSwiper from '@/components/MkSwiper.vue';
2929
3030
const props = defineProps<{
3131
fileId: string;

packages/frontend/src/pages/explore.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
55

66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
8-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
8+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
99
<div v-if="tab === 'featured'">
1010
<XFeatured/>
1111
</div>
@@ -15,7 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only
1515
<div v-else-if="tab === 'roles'">
1616
<XRoles/>
1717
</div>
18-
</MkHorizontalSwipe>
18+
</MkSwiper>
1919
</PageWithHeader>
2020
</template>
2121

@@ -25,7 +25,7 @@ import XFeatured from './explore.featured.vue';
2525
import XUsers from './explore.users.vue';
2626
import XRoles from './explore.roles.vue';
2727
import MkFoldableSection from '@/components/MkFoldableSection.vue';
28-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
28+
import MkSwiper from '@/components/MkSwiper.vue';
2929
import { definePage } from '@/page.js';
3030
import { i18n } from '@/i18n.js';
3131

packages/frontend/src/pages/flash/flash-index.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkSpacer :contentMax="700">
9-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
9+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1010
<div v-if="tab === 'featured'">
1111
<MkPagination v-slot="{items}" :pagination="featuredFlashsPagination">
1212
<div class="_gaps_s">
@@ -33,7 +33,7 @@ SPDX-License-Identifier: AGPL-3.0-only
3333
</div>
3434
</MkPagination>
3535
</div>
36-
</MkHorizontalSwipe>
36+
</MkSwiper>
3737
</MkSpacer>
3838
</PageWithHeader>
3939
</template>
@@ -43,7 +43,7 @@ import { computed, ref } from 'vue';
4343
import MkFlashPreview from '@/components/MkFlashPreview.vue';
4444
import MkPagination from '@/components/MkPagination.vue';
4545
import MkButton from '@/components/MkButton.vue';
46-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
46+
import MkSwiper from '@/components/MkSwiper.vue';
4747
import { i18n } from '@/i18n.js';
4848
import { definePage } from '@/page.js';
4949
import { useRouter } from '@/router.js';

packages/frontend/src/pages/follow-requests.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
66
<template>
77
<PageWithHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs">
88
<MkSpacer :contentMax="800">
9-
<MkHorizontalSwipe v-model:tab="tab" :tabs="headerTabs">
9+
<MkSwiper v-model:tab="tab" :tabs="headerTabs">
1010
<MkPagination ref="paginationComponent" :pagination="pagination">
1111
<template #empty>
1212
<div class="_fullinfo">
@@ -35,7 +35,7 @@ SPDX-License-Identifier: AGPL-3.0-only
3535
</div>
3636
</template>
3737
</MkPagination>
38-
</MkHorizontalSwipe>
38+
</MkSwiper>
3939
</MkSpacer>
4040
</PageWithHeader>
4141
</template>
@@ -52,7 +52,7 @@ import { i18n } from '@/i18n.js';
5252
import { definePage } from '@/page.js';
5353
import { infoImageUrl } from '@/instance.js';
5454
import { $i } from '@/i.js';
55-
import MkHorizontalSwipe from '@/components/MkHorizontalSwipe.vue';
55+
import MkSwiper from '@/components/MkSwiper.vue';
5656
5757
const paginationComponent = useTemplateRef('paginationComponent');
5858

0 commit comments

Comments
 (0)