ci(#10336): add static option to `PageHeader.tabs`

packages/frontend/src/components/global/MkPageHeader.stories.impl.ts

@@ -23,6 +23,7 @@ export const Empty = {
 		};
 	},
 	args: {
+		static: true,
 		tabs: [],
 	},
 	parameters: {

packages/frontend/src/components/global/MkPageHeader.tabs.vue

@@ -52,6 +52,7 @@ import { onMounted, onUnmounted, watch, nextTick, shallowRef } from 'vue';
 import { defaultStore } from '@/store';
 
 const props = withDefaults(defineProps<{
+	static?: boolean;
 	tabs?: Tab[];
 	tab?: string;
 	rootEl?: HTMLElement;
@@ -127,7 +128,11 @@ async function enter(el: HTMLElement) {
 		entering = false;
 	});
 
-	setTimeout(renderTab, 170);
+	if (props.static) {
+		renderTab();
+	} else {
+		setTimeout(renderTab, 170);
+	}
 }
 function afterEnter(el: HTMLElement) {
 	//el.style.width = '';

packages/frontend/src/components/global/MkPageHeader.vue

@@ -19,7 +19,7 @@
 					</div>
 				</div>
 			</div>
-			<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
+			<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :static="static" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
 		</template>
 		<div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttonsRight">
 			<template v-for="action in actions">
@@ -43,6 +43,7 @@ import { injectPageMetadata } from '@/scripts/page-metadata';
 import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
 
 const props = withDefaults(defineProps<{
+	static?: boolean;
 	tabs?: Tab[];
 	tab?: string;
 	actions?: {