diff --git a/package.json b/package.json
index b9b24cd1a8..95f3398224 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.1-rc.9.7",
+	"version": "12.119.0-calc.1-rc.9.8",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index 24dcbf4f98..3edcc4325c 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -63,12 +63,11 @@ const props = defineProps<{
 
 const tabs = ['featured', 'users', 'search'];
 
-let tab = $computed({
-	get: () => tabs[0],
-	set: (x) => {
-		syncSlide(tabs.indexOf(x));
-	},
-});
+const emit = defineEmits<{
+	(ev: 'update:tab', key: string);
+}>();
+
+let tab = $ref('featured');
 let tagsEl = $ref<InstanceType<typeof MkFolder>>();
 let searchQuery = $ref(null);
 let searchOrigin = $ref('combined');
@@ -115,7 +114,10 @@ function setSwiperRef(swiper) {
 }
 
 function onSlideChange() {
-	tab = tabs[swiperRef.activeIndex + 1];
+	// tab = tabs[swiperRef.activeIndex];
+	let theTab = tabs[swiperRef.activeIndex];
+	console.log(theTab);
+	emit('update:tab', theTab);
 }
 
 function syncSlide(index) {