From dfac661e2ac8ab5cc0cf26bba16b6b286054d04d Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 27 Aug 2022 15:25:51 -0700
Subject: [PATCH] feat: :alembic: vsides

---
 package.json                           |  2 +-
 packages/client/src/pages/timeline.vue | 54 +++-----------------------
 2 files changed, 6 insertions(+), 50 deletions(-)

diff --git a/package.json b/package.json
index d601b615e..e925c29e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.118.1-calc.2-beta.2",
+	"version": "12.118.1-calc.2-beta.2-rc.1",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 2a1d2fc05..3a725c7ad 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -36,57 +36,13 @@
 				/>
 			</div>
 			<div v-else class="tl _block">
-				<swiper :space-between="20">
+				<swiper :modules="[Pagination, Virtual]" :space-between="20" virtual>
 					<swiper-slide>
 						<XTimeline
 							ref="tl"
-							key="home"
+							:key="src"
 							class="tl"
-							src="home"
-							:sound="true"
-							@queue="queueUpdated"
-						/>
-					</swiper-slide>
-					<swiper-slide>
-						<XTimeline
-							v-if="isLocalTimelineAvailable"
-							ref="tl"
-							key="local"
-							class="tl"
-							src="local"
-							:sound="true"
-							@queue="queueUpdated"
-						/>
-					</swiper-slide>
-					<swiper-slide>
-						<XTimeline
-							v-if="isRecommendedTimelineAvailable"
-							ref="tl"
-							key="recommended"
-							class="tl"
-							src="recommended"
-							:sound="true"
-							@queue="queueUpdated"
-						/>
-					</swiper-slide>
-					<swiper-slide>
-						<XTimeline
-							v-if="isLocalTimelineAvailable"
-							ref="tl"
-							key="social"
-							class="tl"
-							src="social"
-							:sound="true"
-							@queue="queueUpdated"
-						/>
-					</swiper-slide>
-					<swiper-slide>
-						<XTimeline
-							v-if="isGlobalTimelineAvailable"
-							ref="tl"
-							key="global"
-							class="tl"
-							src="global"
+							:src="src"
 							:sound="true"
 							@queue="queueUpdated"
 						/>
@@ -100,6 +56,7 @@
 
 <script lang="ts" setup>
 import { defineAsyncComponent, computed, watch, ref } from 'vue';
+import { Pagination, Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import XTimeline from '@/components/timeline.vue';
 import XPostForm from '@/components/post-form.vue';
@@ -125,7 +82,6 @@ const isRecommendedTimelineAvailable =
 const isGlobalTimelineAvailable =
 	!instance.disableGlobalTimeline ||
 	($i != null && ($i.isModerator || $i.isAdmin));
-const enableGuestTimeline = instance.enableGuestTimeline;
 const keymap = {
 	t: focus,
 };
@@ -286,7 +242,7 @@ definePageMetadata(
 						: src === 'global'
 							? 'fas fa-globe'
 							: 'fas fa-home',
-	}))
+	})),
 );
 </script>