From 1d0fcee862148ab80bbf893300f351b394bcede5 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sat, 12 Nov 2022 13:38:28 -0800
Subject: [PATCH] fix pages swiping

---
 package.json                          | 2 +-
 packages/client/src/pages/explore.vue | 6 +++++-
 packages/client/src/pages/pages.vue   | 9 ++++++++-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index d3a4aae3d7..8f054541f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.12.9",
+	"version": "12.119.0-calc.12.10",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index cbf4987e9d..0be45a442b 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch } from 'vue';
+import { computed, watch, onMounted } from 'vue';
 import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import XFeatured from './explore.featured.vue';
@@ -118,4 +118,8 @@ function syncSlide(index) {
 	swiperRef.slideTo(index);
 }
 
+onMounted(() => {
+	syncSlide(tabs.indexOf(swiperRef.activeIndex));
+});
+
 </script>
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 13e8c3651e..1e56b25a0b 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -38,7 +38,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, inject } from 'vue';
+import { computed, watch, onMounted } from 'vue';
 import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import MkPagePreview from '@/components/MkPagePreview.vue';
@@ -56,6 +56,7 @@ const router = useRouter();
 
 let tab = $ref('featured');
 const tabs = ['featured', 'my', 'liked'];
+watch($$(tab), () => (syncSlide(tabs.indexOf(tab))));
 
 const featuredPagesPagination = {
 	endpoint: 'pages/featured' as const,
@@ -101,6 +102,8 @@ definePageMetadata(computed(() => ({
 
 let swiperRef = null;
 
+let swiperRef = null;
+
 function setSwiperRef(swiper) {
 	swiperRef = swiper;
 	syncSlide(tabs.indexOf(tab));
@@ -113,6 +116,10 @@ function onSlideChange() {
 function syncSlide(index) {
 	swiperRef.slideTo(index);
 }
+
+onMounted(() => {
+	syncSlide(tabs.indexOf(swiperRef.activeIndex));
+});
 </script>
 
 <style lang="scss" scoped>