From 94656adba5c2db179736efdfa8c41da452b9f578 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 25 Oct 2022 22:09:45 -0700
Subject: [PATCH] fix

---
 packages/client/src/pages/about.vue | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index c373534d6..056e89424 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -91,7 +91,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed, onMounted } from 'vue';
+import { ref, computed, onMounted, watch } from 'vue';
 import { Virtual } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import XEmojis from './about.emojis.vue';
@@ -120,13 +120,10 @@ const props = withDefaults(defineProps<{
 });
 
 let stats = $ref(null);
-let tabs = ['overview', 'emojis','charts'];
-let tab = $computed({
-	get: () => props.initialTab,
-	set: (x) => {
-		syncSlide(tabs.indexOf(x));
-	},
-});
+let tabs = ['overview', 'emojis', 'charts'];
+let tab = $ref(tabs[0]);
+watch($$(tab), () => (syncSlide(tabs.indexOf(tab))));
+
 if (iAmModerator) tabs.push('federation');
 
 const initStats = () => os.api('stats', {