build(#10336): subcomponents on sidebar

packages/frontend/.storybook/generate.tsx

@@ -107,7 +107,11 @@ function toStories(component: string): string {
 	const base = basename(component);
 	const dir = dirname(component);
 	const literal = (
-		<literal value={component.slice('src/'.length, -'.vue'.length)} />
+		<literal
+			value={component
+				.slice('src/'.length, -'.vue'.length)
+				.replace(/\./g, '/')}
+		/>
 	) as estree.Literal;
 	const identifier = (
 		<identifier

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

@@ -3,7 +3,7 @@
 import { Meta, StoryObj } from '@storybook/vue3';
 import MkPageHeader_tabs from './MkPageHeader.tabs.vue';
 const meta = {
-	title: 'components/global/MkPageHeader.tabs',
+	title: 'components/global/MkPageHeader/tabs',
 	component: MkPageHeader_tabs,
 } satisfies Meta<typeof MkPageHeader_tabs>;
 export const Default = {