diff --git a/package.json b/package.json
index fe53a2c21..d3a4aae3d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.12.8",
+	"version": "12.119.0-calc.12.9",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index 965ebb0b6..8de089a15 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -169,6 +169,8 @@ function syncSlide(index) {
 }
 
 onMounted(() => {
+	syncSlide(tabs.indexOf(swiperRef.activeIndex));
+
 	connection = markRaw(stream.useChannel('messagingIndex'));
 
 	connection.on('message', onMessage);
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 248b00bbc..13e8c3651 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { computed, inject } from 'vue';
-import Virtual from 'swiper';
+import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import MkPagePreview from '@/components/MkPagePreview.vue';
 import MkPagination from '@/components/MkPagination.vue';