.3

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.1-rc.2",
+	"version": "12.119.0-calc.1-rc.3",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",

packages/client/src/pages/about.vue

@@ -120,8 +120,13 @@ const props = withDefaults(defineProps<{
 });
 
 let stats = $ref(null);
-let tab = $ref(props.initialTab);
 let tabs = ['overview', 'emojis','charts'];
+let tab = $computed({
+	get: () => props.initialTab,
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 if (iAmModerator) tabs.push('federation');
 
 const initStats = () => os.api('stats', {

packages/client/src/pages/admin-file.vue

@@ -99,10 +99,15 @@ import { defaultStore } from '@/store';
 import 'swiper/scss';
 import 'swiper/scss/virtual';
 
-let tab = $ref('overview');
 let tabs = ['overview'];
 if (iAmModerator) tabs.push('ip');
 tabs.push('raw');
+let tab = $computed({
+	get: () => tabs[0],
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 let file: any = $ref(null);
 let info: any = $ref(null);
 let isSensitive: boolean = $ref(false);

packages/client/src/pages/gallery/index.vue

@@ -69,8 +69,13 @@ const props = defineProps<{
 	tag?: string;
 }>();
 
-let tab = $ref('explore');
 const tabs = ['explore', 'liked', 'my'];
+let tab = $computed({
+	get: () => tabs[0],
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 let tagsRef = $ref();
 
 const recentPostsPagination = {

packages/client/src/pages/instance-info.vue

@@ -162,9 +162,14 @@ const props = defineProps<{
 	host: string;
 }>();
 
-let tab = $ref('overview');
 let tabs = ['overview'];
 if (iAmModerator) tabs.push('chart', 'users', 'raw');
+let tab = $computed({
+	get: () => tabs[0],
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 let chartSrc = $ref('instance-requests');
 let meta = $ref<misskey.entities.DetailedInstanceMetadata | null>(null);
 let instance = $ref<misskey.entities.Instance | null>(null);

packages/client/src/pages/notifications.vue

@@ -49,8 +49,13 @@ import { defaultStore } from '@/store';
 import 'swiper/scss';
 import 'swiper/scss/virtual';
 
-let tab = $ref('all');
 const tabs = ['all', 'unread', 'mentions', 'directNotes'];
+let tab = $computed({
+	get: () => tabs[0],
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 let includeTypes = $ref<string[] | null>(null);
 let unreadOnly = $computed(() => tab === 'unread');
 os.api('notifications/mark-all-as-read');

packages/client/src/pages/user/index.vue

@@ -67,7 +67,6 @@ const props = withDefaults(defineProps<{
 
 const router = useRouter();
 
-let tab = $ref(props.page);
 let tabs = ['home'];
 let user = $ref<null | misskey.entities.UserDetailed>(null);
 if (($i && ($i.id === user?.id)) || user?.publicReactions) {
@@ -76,6 +75,12 @@ if (($i && ($i.id === user?.id)) || user?.publicReactions) {
 if ((user?.instance != null)) {
 	tabs.push('clips', 'pages', 'gallery');
 }
+let tab = $computed({
+	get: () => tabs[0],
+	set: (x) => {
+		syncSlide(tabs.indexOf(x));
+	},
+});
 let error = $ref(null);
 
 function fetchUser(): void {