diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index 4d71dd81e3..a368a4f68e 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -90,7 +90,7 @@ function toStories(component: string): string {
 		<literal value={component.slice('src/'.length, -'.vue'.length)} />
 	) as unknown as estree.Literal;
 	const identifier = (
-		<identifier name={base.slice(0, -'.vue'.length).replace(/[-.]|^(?=\d)/g, '_')} />
+		<identifier name={base.slice(0, -'.vue'.length).replace(/[-.]|^(?=\d)/g, '_').replace(/(?<=^[^A-Z_]*$)/, '_')} />
 	) as unknown as estree.Identifier;
 	const parameters = (
 		<object-expression
@@ -262,7 +262,7 @@ function toStories(component: string): string {
 																											/>,
 																											<property
 																												key={<identifier name='template' />}
-																												value={<literal value={`<${identifier.name} v-bind='$props' />`} />}
+																												value={<literal value={`<${identifier.name} v-bind="$props" />`} />}
 																												kind={'init' as const}
 																											/>,
 																										]}
diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts
index 7e9fdb715a..c46949f43a 100644
--- a/packages/frontend/src/components/form/link.stories.ts
+++ b/packages/frontend/src/components/form/link.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import link from './link.vue';
+import link_ from './link.vue';
 const meta = {
 	title: 'components/form/link',
-	component: link,
-} satisfies Meta<typeof link>;
+	component: link_,
+} satisfies Meta<typeof link_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				link,
+				link_,
 			},
 			props: Object.keys(argTypes),
-			template: '<link v-bind="$props" />',
+			template: '<link_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof link>;
+} satisfies StoryObj<typeof link_>;
 export default meta;
diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts
index c08f907565..aae1ec2e43 100644
--- a/packages/frontend/src/components/form/section.stories.ts
+++ b/packages/frontend/src/components/form/section.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import section from './section.vue';
+import section_ from './section.vue';
 const meta = {
 	title: 'components/form/section',
-	component: section,
-} satisfies Meta<typeof section>;
+	component: section_,
+} satisfies Meta<typeof section_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				section,
+				section_,
 			},
 			props: Object.keys(argTypes),
-			template: '<section v-bind="$props" />',
+			template: '<section_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof section>;
+} satisfies StoryObj<typeof section_>;
 export default meta;
diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts
index 4049276110..035d74f1c1 100644
--- a/packages/frontend/src/components/form/slot.stories.ts
+++ b/packages/frontend/src/components/form/slot.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import slot from './slot.vue';
+import slot_ from './slot.vue';
 const meta = {
 	title: 'components/form/slot',
-	component: slot,
-} satisfies Meta<typeof slot>;
+	component: slot_,
+} satisfies Meta<typeof slot_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				slot,
+				slot_,
 			},
 			props: Object.keys(argTypes),
-			template: '<slot v-bind="$props" />',
+			template: '<slot_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof slot>;
+} satisfies StoryObj<typeof slot_>;
 export default meta;
diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts
index 48ccfcf78a..fca1db65f4 100644
--- a/packages/frontend/src/components/form/split.stories.ts
+++ b/packages/frontend/src/components/form/split.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import split from './split.vue';
+import split_ from './split.vue';
 const meta = {
 	title: 'components/form/split',
-	component: split,
-} satisfies Meta<typeof split>;
+	component: split_,
+} satisfies Meta<typeof split_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				split,
+				split_,
 			},
 			props: Object.keys(argTypes),
-			template: '<split v-bind="$props" />',
+			template: '<split_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof split>;
+} satisfies StoryObj<typeof split_>;
 export default meta;
diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts
index 39e74fa1b6..abb6a802e0 100644
--- a/packages/frontend/src/components/form/suspense.stories.ts
+++ b/packages/frontend/src/components/form/suspense.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import suspense from './suspense.vue';
+import suspense_ from './suspense.vue';
 const meta = {
 	title: 'components/form/suspense',
-	component: suspense,
-} satisfies Meta<typeof suspense>;
+	component: suspense_,
+} satisfies Meta<typeof suspense_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				suspense,
+				suspense_,
 			},
 			props: Object.keys(argTypes),
-			template: '<suspense v-bind="$props" />',
+			template: '<suspense_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof suspense>;
+} satisfies StoryObj<typeof suspense_>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts
index 5a9bc2a691..f6439fd0c1 100644
--- a/packages/frontend/src/components/page/page.stories.ts
+++ b/packages/frontend/src/components/page/page.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import page from './page.vue';
+import page_ from './page.vue';
 const meta = {
 	title: 'components/page/page',
-	component: page,
-} satisfies Meta<typeof page>;
+	component: page_,
+} satisfies Meta<typeof page_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				page,
+				page_,
 			},
 			props: Object.keys(argTypes),
-			template: '<page v-bind="$props" />',
+			template: '<page_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof page>;
+} satisfies StoryObj<typeof page_>;
 export default meta;
diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts
index 079aad11ab..ba25159971 100644
--- a/packages/frontend/src/pages/about.stories.ts
+++ b/packages/frontend/src/pages/about.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import about from './about.vue';
+import about_ from './about.vue';
 const meta = {
 	title: 'pages/about',
-	component: about,
-} satisfies Meta<typeof about>;
+	component: about_,
+} satisfies Meta<typeof about_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				about,
+				about_,
 			},
 			props: Object.keys(argTypes),
-			template: '<about v-bind="$props" />',
+			template: '<about_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof about>;
+} satisfies StoryObj<typeof about_>;
 export default meta;
diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts
index 8581760dc2..d0c1126af3 100644
--- a/packages/frontend/src/pages/achievements.stories.ts
+++ b/packages/frontend/src/pages/achievements.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import achievements from './achievements.vue';
+import achievements_ from './achievements.vue';
 const meta = {
 	title: 'pages/achievements',
-	component: achievements,
-} satisfies Meta<typeof achievements>;
+	component: achievements_,
+} satisfies Meta<typeof achievements_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				achievements,
+				achievements_,
 			},
 			props: Object.keys(argTypes),
-			template: '<achievements v-bind="$props" />',
+			template: '<achievements_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof achievements>;
+} satisfies StoryObj<typeof achievements_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts
index 782799d161..e98fae9df5 100644
--- a/packages/frontend/src/pages/admin/abuses.stories.ts
+++ b/packages/frontend/src/pages/admin/abuses.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import abuses from './abuses.vue';
+import abuses_ from './abuses.vue';
 const meta = {
 	title: 'pages/admin/abuses',
-	component: abuses,
-} satisfies Meta<typeof abuses>;
+	component: abuses_,
+} satisfies Meta<typeof abuses_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				abuses,
+				abuses_,
 			},
 			props: Object.keys(argTypes),
-			template: '<abuses v-bind="$props" />',
+			template: '<abuses_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof abuses>;
+} satisfies StoryObj<typeof abuses_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts
index 9436302243..80fe84e31e 100644
--- a/packages/frontend/src/pages/admin/ads.stories.ts
+++ b/packages/frontend/src/pages/admin/ads.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import ads from './ads.vue';
+import ads_ from './ads.vue';
 const meta = {
 	title: 'pages/admin/ads',
-	component: ads,
-} satisfies Meta<typeof ads>;
+	component: ads_,
+} satisfies Meta<typeof ads_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				ads,
+				ads_,
 			},
 			props: Object.keys(argTypes),
-			template: '<ads v-bind="$props" />',
+			template: '<ads_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof ads>;
+} satisfies StoryObj<typeof ads_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts
index 18a0178516..72a5a7b4d6 100644
--- a/packages/frontend/src/pages/admin/announcements.stories.ts
+++ b/packages/frontend/src/pages/admin/announcements.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import announcements from './announcements.vue';
+import announcements_ from './announcements.vue';
 const meta = {
 	title: 'pages/admin/announcements',
-	component: announcements,
-} satisfies Meta<typeof announcements>;
+	component: announcements_,
+} satisfies Meta<typeof announcements_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				announcements,
+				announcements_,
 			},
 			props: Object.keys(argTypes),
-			template: '<announcements v-bind="$props" />',
+			template: '<announcements_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof announcements>;
+} satisfies StoryObj<typeof announcements_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts
index 823ad4e24c..cf1cfdddf0 100644
--- a/packages/frontend/src/pages/admin/database.stories.ts
+++ b/packages/frontend/src/pages/admin/database.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import database from './database.vue';
+import database_ from './database.vue';
 const meta = {
 	title: 'pages/admin/database',
-	component: database,
-} satisfies Meta<typeof database>;
+	component: database_,
+} satisfies Meta<typeof database_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				database,
+				database_,
 			},
 			props: Object.keys(argTypes),
-			template: '<database v-bind="$props" />',
+			template: '<database_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof database>;
+} satisfies StoryObj<typeof database_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts
index 702201dfa0..231de45401 100644
--- a/packages/frontend/src/pages/admin/federation.stories.ts
+++ b/packages/frontend/src/pages/admin/federation.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import federation from './federation.vue';
+import federation_ from './federation.vue';
 const meta = {
 	title: 'pages/admin/federation',
-	component: federation,
-} satisfies Meta<typeof federation>;
+	component: federation_,
+} satisfies Meta<typeof federation_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				federation,
+				federation_,
 			},
 			props: Object.keys(argTypes),
-			template: '<federation v-bind="$props" />',
+			template: '<federation_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof federation>;
+} satisfies StoryObj<typeof federation_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts
index c78a146093..49c4f7a267 100644
--- a/packages/frontend/src/pages/admin/files.stories.ts
+++ b/packages/frontend/src/pages/admin/files.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import files from './files.vue';
+import files_ from './files.vue';
 const meta = {
 	title: 'pages/admin/files',
-	component: files,
-} satisfies Meta<typeof files>;
+	component: files_,
+} satisfies Meta<typeof files_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				files,
+				files_,
 			},
 			props: Object.keys(argTypes),
-			template: '<files v-bind="$props" />',
+			template: '<files_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof files>;
+} satisfies StoryObj<typeof files_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts
index 30141c3c97..504c2993f4 100644
--- a/packages/frontend/src/pages/admin/index.stories.ts
+++ b/packages/frontend/src/pages/admin/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/admin/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts
index dd53a34e3d..0847887e1f 100644
--- a/packages/frontend/src/pages/admin/moderation.stories.ts
+++ b/packages/frontend/src/pages/admin/moderation.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import moderation from './moderation.vue';
+import moderation_ from './moderation.vue';
 const meta = {
 	title: 'pages/admin/moderation',
-	component: moderation,
-} satisfies Meta<typeof moderation>;
+	component: moderation_,
+} satisfies Meta<typeof moderation_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				moderation,
+				moderation_,
 			},
 			props: Object.keys(argTypes),
-			template: '<moderation v-bind="$props" />',
+			template: '<moderation_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof moderation>;
+} satisfies StoryObj<typeof moderation_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts
index 4f557e6ff0..f35ba14dbd 100644
--- a/packages/frontend/src/pages/admin/overview.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import overview from './overview.vue';
+import overview_ from './overview.vue';
 const meta = {
 	title: 'pages/admin/overview',
-	component: overview,
-} satisfies Meta<typeof overview>;
+	component: overview_,
+} satisfies Meta<typeof overview_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				overview,
+				overview_,
 			},
 			props: Object.keys(argTypes),
-			template: '<overview v-bind="$props" />',
+			template: '<overview_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof overview>;
+} satisfies StoryObj<typeof overview_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts
index deb2445121..0e4335cee8 100644
--- a/packages/frontend/src/pages/admin/queue.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import queue from './queue.vue';
+import queue_ from './queue.vue';
 const meta = {
 	title: 'pages/admin/queue',
-	component: queue,
-} satisfies Meta<typeof queue>;
+	component: queue_,
+} satisfies Meta<typeof queue_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				queue,
+				queue_,
 			},
 			props: Object.keys(argTypes),
-			template: '<queue v-bind="$props" />',
+			template: '<queue_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof queue>;
+} satisfies StoryObj<typeof queue_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts
index c229b97fe6..6e18d7568e 100644
--- a/packages/frontend/src/pages/admin/relays.stories.ts
+++ b/packages/frontend/src/pages/admin/relays.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import relays from './relays.vue';
+import relays_ from './relays.vue';
 const meta = {
 	title: 'pages/admin/relays',
-	component: relays,
-} satisfies Meta<typeof relays>;
+	component: relays_,
+} satisfies Meta<typeof relays_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				relays,
+				relays_,
 			},
 			props: Object.keys(argTypes),
-			template: '<relays v-bind="$props" />',
+			template: '<relays_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof relays>;
+} satisfies StoryObj<typeof relays_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts
index 4f789089ff..10873c3ec0 100644
--- a/packages/frontend/src/pages/admin/roles.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import roles from './roles.vue';
+import roles_ from './roles.vue';
 const meta = {
 	title: 'pages/admin/roles',
-	component: roles,
-} satisfies Meta<typeof roles>;
+	component: roles_,
+} satisfies Meta<typeof roles_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				roles,
+				roles_,
 			},
 			props: Object.keys(argTypes),
-			template: '<roles v-bind="$props" />',
+			template: '<roles_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof roles>;
+} satisfies StoryObj<typeof roles_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts
index e483d86915..a0b8c9a68e 100644
--- a/packages/frontend/src/pages/admin/security.stories.ts
+++ b/packages/frontend/src/pages/admin/security.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import security from './security.vue';
+import security_ from './security.vue';
 const meta = {
 	title: 'pages/admin/security',
-	component: security,
-} satisfies Meta<typeof security>;
+	component: security_,
+} satisfies Meta<typeof security_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				security,
+				security_,
 			},
 			props: Object.keys(argTypes),
-			template: '<security v-bind="$props" />',
+			template: '<security_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof security>;
+} satisfies StoryObj<typeof security_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts
index 379cac5ba9..5231e0706b 100644
--- a/packages/frontend/src/pages/admin/settings.stories.ts
+++ b/packages/frontend/src/pages/admin/settings.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import settings from './settings.vue';
+import settings_ from './settings.vue';
 const meta = {
 	title: 'pages/admin/settings',
-	component: settings,
-} satisfies Meta<typeof settings>;
+	component: settings_,
+} satisfies Meta<typeof settings_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				settings,
+				settings_,
 			},
 			props: Object.keys(argTypes),
-			template: '<settings v-bind="$props" />',
+			template: '<settings_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof settings>;
+} satisfies StoryObj<typeof settings_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts
index 2b02b44e89..fe71259293 100644
--- a/packages/frontend/src/pages/admin/users.stories.ts
+++ b/packages/frontend/src/pages/admin/users.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import users from './users.vue';
+import users_ from './users.vue';
 const meta = {
 	title: 'pages/admin/users',
-	component: users,
-} satisfies Meta<typeof users>;
+	component: users_,
+} satisfies Meta<typeof users_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				users,
+				users_,
 			},
 			props: Object.keys(argTypes),
-			template: '<users v-bind="$props" />',
+			template: '<users_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof users>;
+} satisfies StoryObj<typeof users_>;
 export default meta;
diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts
index 0bfae5ec48..3dc49e0628 100644
--- a/packages/frontend/src/pages/ads.stories.ts
+++ b/packages/frontend/src/pages/ads.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import ads from './ads.vue';
+import ads_ from './ads.vue';
 const meta = {
 	title: 'pages/ads',
-	component: ads,
-} satisfies Meta<typeof ads>;
+	component: ads_,
+} satisfies Meta<typeof ads_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				ads,
+				ads_,
 			},
 			props: Object.keys(argTypes),
-			template: '<ads v-bind="$props" />',
+			template: '<ads_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof ads>;
+} satisfies StoryObj<typeof ads_>;
 export default meta;
diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts
index b882ca5a3c..8119b1ae5f 100644
--- a/packages/frontend/src/pages/announcements.stories.ts
+++ b/packages/frontend/src/pages/announcements.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import announcements from './announcements.vue';
+import announcements_ from './announcements.vue';
 const meta = {
 	title: 'pages/announcements',
-	component: announcements,
-} satisfies Meta<typeof announcements>;
+	component: announcements_,
+} satisfies Meta<typeof announcements_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				announcements,
+				announcements_,
 			},
 			props: Object.keys(argTypes),
-			template: '<announcements v-bind="$props" />',
+			template: '<announcements_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof announcements>;
+} satisfies StoryObj<typeof announcements_>;
 export default meta;
diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts
index ebf3d2ac45..95a0c7f058 100644
--- a/packages/frontend/src/pages/auth.stories.ts
+++ b/packages/frontend/src/pages/auth.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import auth from './auth.vue';
+import auth_ from './auth.vue';
 const meta = {
 	title: 'pages/auth',
-	component: auth,
-} satisfies Meta<typeof auth>;
+	component: auth_,
+} satisfies Meta<typeof auth_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				auth,
+				auth_,
 			},
 			props: Object.keys(argTypes),
-			template: '<auth v-bind="$props" />',
+			template: '<auth_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof auth>;
+} satisfies StoryObj<typeof auth_>;
 export default meta;
diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts
index daf90c86ff..55e532e805 100644
--- a/packages/frontend/src/pages/channel.stories.ts
+++ b/packages/frontend/src/pages/channel.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import channel from './channel.vue';
+import channel_ from './channel.vue';
 const meta = {
 	title: 'pages/channel',
-	component: channel,
-} satisfies Meta<typeof channel>;
+	component: channel_,
+} satisfies Meta<typeof channel_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				channel,
+				channel_,
 			},
 			props: Object.keys(argTypes),
-			template: '<channel v-bind="$props" />',
+			template: '<channel_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof channel>;
+} satisfies StoryObj<typeof channel_>;
 export default meta;
diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts
index 3bab3c0263..3c592edf76 100644
--- a/packages/frontend/src/pages/channels.stories.ts
+++ b/packages/frontend/src/pages/channels.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import channels from './channels.vue';
+import channels_ from './channels.vue';
 const meta = {
 	title: 'pages/channels',
-	component: channels,
-} satisfies Meta<typeof channels>;
+	component: channels_,
+} satisfies Meta<typeof channels_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				channels,
+				channels_,
 			},
 			props: Object.keys(argTypes),
-			template: '<channels v-bind="$props" />',
+			template: '<channels_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof channels>;
+} satisfies StoryObj<typeof channels_>;
 export default meta;
diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts
index 7229ed1290..643ceaa653 100644
--- a/packages/frontend/src/pages/clicker.stories.ts
+++ b/packages/frontend/src/pages/clicker.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import clicker from './clicker.vue';
+import clicker_ from './clicker.vue';
 const meta = {
 	title: 'pages/clicker',
-	component: clicker,
-} satisfies Meta<typeof clicker>;
+	component: clicker_,
+} satisfies Meta<typeof clicker_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				clicker,
+				clicker_,
 			},
 			props: Object.keys(argTypes),
-			template: '<clicker v-bind="$props" />',
+			template: '<clicker_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof clicker>;
+} satisfies StoryObj<typeof clicker_>;
 export default meta;
diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts
index 1c11467c03..7beeb786be 100644
--- a/packages/frontend/src/pages/clip.stories.ts
+++ b/packages/frontend/src/pages/clip.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import clip from './clip.vue';
+import clip_ from './clip.vue';
 const meta = {
 	title: 'pages/clip',
-	component: clip,
-} satisfies Meta<typeof clip>;
+	component: clip_,
+} satisfies Meta<typeof clip_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				clip,
+				clip_,
 			},
 			props: Object.keys(argTypes),
-			template: '<clip v-bind="$props" />',
+			template: '<clip_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof clip>;
+} satisfies StoryObj<typeof clip_>;
 export default meta;
diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts
index 04d767be63..ffaac68ab6 100644
--- a/packages/frontend/src/pages/drive.stories.ts
+++ b/packages/frontend/src/pages/drive.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import drive from './drive.vue';
+import drive_ from './drive.vue';
 const meta = {
 	title: 'pages/drive',
-	component: drive,
-} satisfies Meta<typeof drive>;
+	component: drive_,
+} satisfies Meta<typeof drive_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				drive,
+				drive_,
 			},
 			props: Object.keys(argTypes),
-			template: '<drive v-bind="$props" />',
+			template: '<drive_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof drive>;
+} satisfies StoryObj<typeof drive_>;
 export default meta;
diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts
index 2d5425c197..5cf163e849 100644
--- a/packages/frontend/src/pages/explore.stories.ts
+++ b/packages/frontend/src/pages/explore.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import explore from './explore.vue';
+import explore_ from './explore.vue';
 const meta = {
 	title: 'pages/explore',
-	component: explore,
-} satisfies Meta<typeof explore>;
+	component: explore_,
+} satisfies Meta<typeof explore_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				explore,
+				explore_,
 			},
 			props: Object.keys(argTypes),
-			template: '<explore v-bind="$props" />',
+			template: '<explore_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof explore>;
+} satisfies StoryObj<typeof explore_>;
 export default meta;
diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts
index 33189eb6d6..8bfb283dc0 100644
--- a/packages/frontend/src/pages/favorites.stories.ts
+++ b/packages/frontend/src/pages/favorites.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import favorites from './favorites.vue';
+import favorites_ from './favorites.vue';
 const meta = {
 	title: 'pages/favorites',
-	component: favorites,
-} satisfies Meta<typeof favorites>;
+	component: favorites_,
+} satisfies Meta<typeof favorites_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				favorites,
+				favorites_,
 			},
 			props: Object.keys(argTypes),
-			template: '<favorites v-bind="$props" />',
+			template: '<favorites_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof favorites>;
+} satisfies StoryObj<typeof favorites_>;
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts
index 1fb4f9406f..dddb5021d6 100644
--- a/packages/frontend/src/pages/flash/flash.stories.ts
+++ b/packages/frontend/src/pages/flash/flash.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import flash from './flash.vue';
+import flash_ from './flash.vue';
 const meta = {
 	title: 'pages/flash/flash',
-	component: flash,
-} satisfies Meta<typeof flash>;
+	component: flash_,
+} satisfies Meta<typeof flash_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				flash,
+				flash_,
 			},
 			props: Object.keys(argTypes),
-			template: '<flash v-bind="$props" />',
+			template: '<flash_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof flash>;
+} satisfies StoryObj<typeof flash_>;
 export default meta;
diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts
index b833f094d5..67c07e10e3 100644
--- a/packages/frontend/src/pages/follow.stories.ts
+++ b/packages/frontend/src/pages/follow.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import follow from './follow.vue';
+import follow_ from './follow.vue';
 const meta = {
 	title: 'pages/follow',
-	component: follow,
-} satisfies Meta<typeof follow>;
+	component: follow_,
+} satisfies Meta<typeof follow_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				follow,
+				follow_,
 			},
 			props: Object.keys(argTypes),
-			template: '<follow v-bind="$props" />',
+			template: '<follow_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof follow>;
+} satisfies StoryObj<typeof follow_>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts
index ae8e9bf3ff..02f86ced3b 100644
--- a/packages/frontend/src/pages/gallery/edit.stories.ts
+++ b/packages/frontend/src/pages/gallery/edit.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import edit from './edit.vue';
+import edit_ from './edit.vue';
 const meta = {
 	title: 'pages/gallery/edit',
-	component: edit,
-} satisfies Meta<typeof edit>;
+	component: edit_,
+} satisfies Meta<typeof edit_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				edit,
+				edit_,
 			},
 			props: Object.keys(argTypes),
-			template: '<edit v-bind="$props" />',
+			template: '<edit_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof edit>;
+} satisfies StoryObj<typeof edit_>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts
index 36ca145387..21c4913ea8 100644
--- a/packages/frontend/src/pages/gallery/index.stories.ts
+++ b/packages/frontend/src/pages/gallery/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/gallery/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts
index b94095c815..ae018dd671 100644
--- a/packages/frontend/src/pages/gallery/post.stories.ts
+++ b/packages/frontend/src/pages/gallery/post.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import post from './post.vue';
+import post_ from './post.vue';
 const meta = {
 	title: 'pages/gallery/post',
-	component: post,
-} satisfies Meta<typeof post>;
+	component: post_,
+} satisfies Meta<typeof post_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				post,
+				post_,
 			},
 			props: Object.keys(argTypes),
-			template: '<post v-bind="$props" />',
+			template: '<post_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof post>;
+} satisfies StoryObj<typeof post_>;
 export default meta;
diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts
index 1ef072dbf5..9e09cc55de 100644
--- a/packages/frontend/src/pages/miauth.stories.ts
+++ b/packages/frontend/src/pages/miauth.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import miauth from './miauth.vue';
+import miauth_ from './miauth.vue';
 const meta = {
 	title: 'pages/miauth',
-	component: miauth,
-} satisfies Meta<typeof miauth>;
+	component: miauth_,
+} satisfies Meta<typeof miauth_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				miauth,
+				miauth_,
 			},
 			props: Object.keys(argTypes),
-			template: '<miauth v-bind="$props" />',
+			template: '<miauth_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof miauth>;
+} satisfies StoryObj<typeof miauth_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts
index 615f856145..b6cecbfd31 100644
--- a/packages/frontend/src/pages/my-antennas/create.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/create.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import create from './create.vue';
+import create_ from './create.vue';
 const meta = {
 	title: 'pages/my-antennas/create',
-	component: create,
-} satisfies Meta<typeof create>;
+	component: create_,
+} satisfies Meta<typeof create_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				create,
+				create_,
 			},
 			props: Object.keys(argTypes),
-			template: '<create v-bind="$props" />',
+			template: '<create_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof create>;
+} satisfies StoryObj<typeof create_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts
index 0e3d882f75..67ad042655 100644
--- a/packages/frontend/src/pages/my-antennas/edit.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import edit from './edit.vue';
+import edit_ from './edit.vue';
 const meta = {
 	title: 'pages/my-antennas/edit',
-	component: edit,
-} satisfies Meta<typeof edit>;
+	component: edit_,
+} satisfies Meta<typeof edit_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				edit,
+				edit_,
 			},
 			props: Object.keys(argTypes),
-			template: '<edit v-bind="$props" />',
+			template: '<edit_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof edit>;
+} satisfies StoryObj<typeof edit_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts
index 7d84732ea5..ddc8577dd1 100644
--- a/packages/frontend/src/pages/my-antennas/editor.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import editor from './editor.vue';
+import editor_ from './editor.vue';
 const meta = {
 	title: 'pages/my-antennas/editor',
-	component: editor,
-} satisfies Meta<typeof editor>;
+	component: editor_,
+} satisfies Meta<typeof editor_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				editor,
+				editor_,
 			},
 			props: Object.keys(argTypes),
-			template: '<editor v-bind="$props" />',
+			template: '<editor_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof editor>;
+} satisfies StoryObj<typeof editor_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts
index cf2a08a82c..5b4f5bbcdd 100644
--- a/packages/frontend/src/pages/my-antennas/index.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/my-antennas/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts
index 2f8c0b0ce7..de28663875 100644
--- a/packages/frontend/src/pages/my-clips/index.stories.ts
+++ b/packages/frontend/src/pages/my-clips/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/my-clips/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts
index 33bf24cdce..7cbc582d6e 100644
--- a/packages/frontend/src/pages/my-lists/index.stories.ts
+++ b/packages/frontend/src/pages/my-lists/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/my-lists/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts
index 50791af89a..9aedbbc333 100644
--- a/packages/frontend/src/pages/my-lists/list.stories.ts
+++ b/packages/frontend/src/pages/my-lists/list.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import list from './list.vue';
+import list_ from './list.vue';
 const meta = {
 	title: 'pages/my-lists/list',
-	component: list,
-} satisfies Meta<typeof list>;
+	component: list_,
+} satisfies Meta<typeof list_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				list,
+				list_,
 			},
 			props: Object.keys(argTypes),
-			template: '<list v-bind="$props" />',
+			template: '<list_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof list>;
+} satisfies StoryObj<typeof list_>;
 export default meta;
diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts
index 2ee7bc9d66..9eb7b00500 100644
--- a/packages/frontend/src/pages/note.stories.ts
+++ b/packages/frontend/src/pages/note.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import note from './note.vue';
+import note_ from './note.vue';
 const meta = {
 	title: 'pages/note',
-	component: note,
-} satisfies Meta<typeof note>;
+	component: note_,
+} satisfies Meta<typeof note_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				note,
+				note_,
 			},
 			props: Object.keys(argTypes),
-			template: '<note v-bind="$props" />',
+			template: '<note_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof note>;
+} satisfies StoryObj<typeof note_>;
 export default meta;
diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts
index 47f904a949..5c8a70d034 100644
--- a/packages/frontend/src/pages/notifications.stories.ts
+++ b/packages/frontend/src/pages/notifications.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import notifications from './notifications.vue';
+import notifications_ from './notifications.vue';
 const meta = {
 	title: 'pages/notifications',
-	component: notifications,
-} satisfies Meta<typeof notifications>;
+	component: notifications_,
+} satisfies Meta<typeof notifications_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				notifications,
+				notifications_,
 			},
 			props: Object.keys(argTypes),
-			template: '<notifications v-bind="$props" />',
+			template: '<notifications_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof notifications>;
+} satisfies StoryObj<typeof notifications_>;
 export default meta;
diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts
index 5e78ad4801..91fae74f62 100644
--- a/packages/frontend/src/pages/page.stories.ts
+++ b/packages/frontend/src/pages/page.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import page from './page.vue';
+import page_ from './page.vue';
 const meta = {
 	title: 'pages/page',
-	component: page,
-} satisfies Meta<typeof page>;
+	component: page_,
+} satisfies Meta<typeof page_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				page,
+				page_,
 			},
 			props: Object.keys(argTypes),
-			template: '<page v-bind="$props" />',
+			template: '<page_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof page>;
+} satisfies StoryObj<typeof page_>;
 export default meta;
diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts
index 249e4e377e..89b4ba0fb1 100644
--- a/packages/frontend/src/pages/pages.stories.ts
+++ b/packages/frontend/src/pages/pages.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import pages from './pages.vue';
+import pages_ from './pages.vue';
 const meta = {
 	title: 'pages/pages',
-	component: pages,
-} satisfies Meta<typeof pages>;
+	component: pages_,
+} satisfies Meta<typeof pages_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				pages,
+				pages_,
 			},
 			props: Object.keys(argTypes),
-			template: '<pages v-bind="$props" />',
+			template: '<pages_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof pages>;
+} satisfies StoryObj<typeof pages_>;
 export default meta;
diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts
index 9131e31061..0c7c99f661 100644
--- a/packages/frontend/src/pages/preview.stories.ts
+++ b/packages/frontend/src/pages/preview.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import preview from './preview.vue';
+import preview_ from './preview.vue';
 const meta = {
 	title: 'pages/preview',
-	component: preview,
-} satisfies Meta<typeof preview>;
+	component: preview_,
+} satisfies Meta<typeof preview_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				preview,
+				preview_,
 			},
 			props: Object.keys(argTypes),
-			template: '<preview v-bind="$props" />',
+			template: '<preview_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof preview>;
+} satisfies StoryObj<typeof preview_>;
 export default meta;
diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts
index c28edaa870..cc5362f209 100644
--- a/packages/frontend/src/pages/registry.stories.ts
+++ b/packages/frontend/src/pages/registry.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import registry from './registry.vue';
+import registry_ from './registry.vue';
 const meta = {
 	title: 'pages/registry',
-	component: registry,
-} satisfies Meta<typeof registry>;
+	component: registry_,
+} satisfies Meta<typeof registry_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				registry,
+				registry_,
 			},
 			props: Object.keys(argTypes),
-			template: '<registry v-bind="$props" />',
+			template: '<registry_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof registry>;
+} satisfies StoryObj<typeof registry_>;
 export default meta;
diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts
index e2bfe127ba..a6563e2a31 100644
--- a/packages/frontend/src/pages/role.stories.ts
+++ b/packages/frontend/src/pages/role.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import role from './role.vue';
+import role_ from './role.vue';
 const meta = {
 	title: 'pages/role',
-	component: role,
-} satisfies Meta<typeof role>;
+	component: role_,
+} satisfies Meta<typeof role_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				role,
+				role_,
 			},
 			props: Object.keys(argTypes),
-			template: '<role v-bind="$props" />',
+			template: '<role_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof role>;
+} satisfies StoryObj<typeof role_>;
 export default meta;
diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts
index 9ec876c4ea..748a55e197 100644
--- a/packages/frontend/src/pages/scratchpad.stories.ts
+++ b/packages/frontend/src/pages/scratchpad.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import scratchpad from './scratchpad.vue';
+import scratchpad_ from './scratchpad.vue';
 const meta = {
 	title: 'pages/scratchpad',
-	component: scratchpad,
-} satisfies Meta<typeof scratchpad>;
+	component: scratchpad_,
+} satisfies Meta<typeof scratchpad_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				scratchpad,
+				scratchpad_,
 			},
 			props: Object.keys(argTypes),
-			template: '<scratchpad v-bind="$props" />',
+			template: '<scratchpad_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof scratchpad>;
+} satisfies StoryObj<typeof scratchpad_>;
 export default meta;
diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts
index 9200f38160..44125b066f 100644
--- a/packages/frontend/src/pages/search.stories.ts
+++ b/packages/frontend/src/pages/search.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import search from './search.vue';
+import search_ from './search.vue';
 const meta = {
 	title: 'pages/search',
-	component: search,
-} satisfies Meta<typeof search>;
+	component: search_,
+} satisfies Meta<typeof search_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				search,
+				search_,
 			},
 			props: Object.keys(argTypes),
-			template: '<search v-bind="$props" />',
+			template: '<search_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof search>;
+} satisfies StoryObj<typeof search_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts
index 4445ffd815..b462238fb3 100644
--- a/packages/frontend/src/pages/settings/accounts.stories.ts
+++ b/packages/frontend/src/pages/settings/accounts.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import accounts from './accounts.vue';
+import accounts_ from './accounts.vue';
 const meta = {
 	title: 'pages/settings/accounts',
-	component: accounts,
-} satisfies Meta<typeof accounts>;
+	component: accounts_,
+} satisfies Meta<typeof accounts_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				accounts,
+				accounts_,
 			},
 			props: Object.keys(argTypes),
-			template: '<accounts v-bind="$props" />',
+			template: '<accounts_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof accounts>;
+} satisfies StoryObj<typeof accounts_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts
index ab74444191..6be07d1ab3 100644
--- a/packages/frontend/src/pages/settings/api.stories.ts
+++ b/packages/frontend/src/pages/settings/api.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import api from './api.vue';
+import api_ from './api.vue';
 const meta = {
 	title: 'pages/settings/api',
-	component: api,
-} satisfies Meta<typeof api>;
+	component: api_,
+} satisfies Meta<typeof api_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				api,
+				api_,
 			},
 			props: Object.keys(argTypes),
-			template: '<api v-bind="$props" />',
+			template: '<api_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof api>;
+} satisfies StoryObj<typeof api_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts
index f82b8e3640..94b59fd141 100644
--- a/packages/frontend/src/pages/settings/apps.stories.ts
+++ b/packages/frontend/src/pages/settings/apps.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import apps from './apps.vue';
+import apps_ from './apps.vue';
 const meta = {
 	title: 'pages/settings/apps',
-	component: apps,
-} satisfies Meta<typeof apps>;
+	component: apps_,
+} satisfies Meta<typeof apps_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				apps,
+				apps_,
 			},
 			props: Object.keys(argTypes),
-			template: '<apps v-bind="$props" />',
+			template: '<apps_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof apps>;
+} satisfies StoryObj<typeof apps_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts
index 1762786675..16f237e165 100644
--- a/packages/frontend/src/pages/settings/deck.stories.ts
+++ b/packages/frontend/src/pages/settings/deck.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import deck from './deck.vue';
+import deck_ from './deck.vue';
 const meta = {
 	title: 'pages/settings/deck',
-	component: deck,
-} satisfies Meta<typeof deck>;
+	component: deck_,
+} satisfies Meta<typeof deck_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				deck,
+				deck_,
 			},
 			props: Object.keys(argTypes),
-			template: '<deck v-bind="$props" />',
+			template: '<deck_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof deck>;
+} satisfies StoryObj<typeof deck_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts
index 29328bac81..621fab6b85 100644
--- a/packages/frontend/src/pages/settings/drive.stories.ts
+++ b/packages/frontend/src/pages/settings/drive.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import drive from './drive.vue';
+import drive_ from './drive.vue';
 const meta = {
 	title: 'pages/settings/drive',
-	component: drive,
-} satisfies Meta<typeof drive>;
+	component: drive_,
+} satisfies Meta<typeof drive_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				drive,
+				drive_,
 			},
 			props: Object.keys(argTypes),
-			template: '<drive v-bind="$props" />',
+			template: '<drive_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof drive>;
+} satisfies StoryObj<typeof drive_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts
index 8d3e25263a..dbcd866607 100644
--- a/packages/frontend/src/pages/settings/email.stories.ts
+++ b/packages/frontend/src/pages/settings/email.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import email from './email.vue';
+import email_ from './email.vue';
 const meta = {
 	title: 'pages/settings/email',
-	component: email,
-} satisfies Meta<typeof email>;
+	component: email_,
+} satisfies Meta<typeof email_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				email,
+				email_,
 			},
 			props: Object.keys(argTypes),
-			template: '<email v-bind="$props" />',
+			template: '<email_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof email>;
+} satisfies StoryObj<typeof email_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts
index e85cead28a..48ad246af0 100644
--- a/packages/frontend/src/pages/settings/general.stories.ts
+++ b/packages/frontend/src/pages/settings/general.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import general from './general.vue';
+import general_ from './general.vue';
 const meta = {
 	title: 'pages/settings/general',
-	component: general,
-} satisfies Meta<typeof general>;
+	component: general_,
+} satisfies Meta<typeof general_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				general,
+				general_,
 			},
 			props: Object.keys(argTypes),
-			template: '<general v-bind="$props" />',
+			template: '<general_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof general>;
+} satisfies StoryObj<typeof general_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts
index f2f5b94a46..1cdf2045c3 100644
--- a/packages/frontend/src/pages/settings/index.stories.ts
+++ b/packages/frontend/src/pages/settings/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/settings/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts
index 62fdbb0c80..8546cbdb64 100644
--- a/packages/frontend/src/pages/settings/navbar.stories.ts
+++ b/packages/frontend/src/pages/settings/navbar.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import navbar from './navbar.vue';
+import navbar_ from './navbar.vue';
 const meta = {
 	title: 'pages/settings/navbar',
-	component: navbar,
-} satisfies Meta<typeof navbar>;
+	component: navbar_,
+} satisfies Meta<typeof navbar_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				navbar,
+				navbar_,
 			},
 			props: Object.keys(argTypes),
-			template: '<navbar v-bind="$props" />',
+			template: '<navbar_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof navbar>;
+} satisfies StoryObj<typeof navbar_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts
index ceceb9ff1b..d73dd10474 100644
--- a/packages/frontend/src/pages/settings/notifications.stories.ts
+++ b/packages/frontend/src/pages/settings/notifications.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import notifications from './notifications.vue';
+import notifications_ from './notifications.vue';
 const meta = {
 	title: 'pages/settings/notifications',
-	component: notifications,
-} satisfies Meta<typeof notifications>;
+	component: notifications_,
+} satisfies Meta<typeof notifications_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				notifications,
+				notifications_,
 			},
 			props: Object.keys(argTypes),
-			template: '<notifications v-bind="$props" />',
+			template: '<notifications_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof notifications>;
+} satisfies StoryObj<typeof notifications_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts
index d3e2d2d462..e7c2d14eb0 100644
--- a/packages/frontend/src/pages/settings/other.stories.ts
+++ b/packages/frontend/src/pages/settings/other.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import other from './other.vue';
+import other_ from './other.vue';
 const meta = {
 	title: 'pages/settings/other',
-	component: other,
-} satisfies Meta<typeof other>;
+	component: other_,
+} satisfies Meta<typeof other_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				other,
+				other_,
 			},
 			props: Object.keys(argTypes),
-			template: '<other v-bind="$props" />',
+			template: '<other_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof other>;
+} satisfies StoryObj<typeof other_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts
index 8e59824268..11f522b7db 100644
--- a/packages/frontend/src/pages/settings/plugin.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import plugin from './plugin.vue';
+import plugin_ from './plugin.vue';
 const meta = {
 	title: 'pages/settings/plugin',
-	component: plugin,
-} satisfies Meta<typeof plugin>;
+	component: plugin_,
+} satisfies Meta<typeof plugin_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				plugin,
+				plugin_,
 			},
 			props: Object.keys(argTypes),
-			template: '<plugin v-bind="$props" />',
+			template: '<plugin_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof plugin>;
+} satisfies StoryObj<typeof plugin_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts
index b3cc031039..23fbe5cea1 100644
--- a/packages/frontend/src/pages/settings/privacy.stories.ts
+++ b/packages/frontend/src/pages/settings/privacy.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import privacy from './privacy.vue';
+import privacy_ from './privacy.vue';
 const meta = {
 	title: 'pages/settings/privacy',
-	component: privacy,
-} satisfies Meta<typeof privacy>;
+	component: privacy_,
+} satisfies Meta<typeof privacy_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				privacy,
+				privacy_,
 			},
 			props: Object.keys(argTypes),
-			template: '<privacy v-bind="$props" />',
+			template: '<privacy_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof privacy>;
+} satisfies StoryObj<typeof privacy_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts
index f0d1684b0e..af255090d6 100644
--- a/packages/frontend/src/pages/settings/profile.stories.ts
+++ b/packages/frontend/src/pages/settings/profile.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import profile from './profile.vue';
+import profile_ from './profile.vue';
 const meta = {
 	title: 'pages/settings/profile',
-	component: profile,
-} satisfies Meta<typeof profile>;
+	component: profile_,
+} satisfies Meta<typeof profile_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				profile,
+				profile_,
 			},
 			props: Object.keys(argTypes),
-			template: '<profile v-bind="$props" />',
+			template: '<profile_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof profile>;
+} satisfies StoryObj<typeof profile_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts
index a985ba34da..103cb98c57 100644
--- a/packages/frontend/src/pages/settings/reaction.stories.ts
+++ b/packages/frontend/src/pages/settings/reaction.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import reaction from './reaction.vue';
+import reaction_ from './reaction.vue';
 const meta = {
 	title: 'pages/settings/reaction',
-	component: reaction,
-} satisfies Meta<typeof reaction>;
+	component: reaction_,
+} satisfies Meta<typeof reaction_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				reaction,
+				reaction_,
 			},
 			props: Object.keys(argTypes),
-			template: '<reaction v-bind="$props" />',
+			template: '<reaction_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof reaction>;
+} satisfies StoryObj<typeof reaction_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts
index 0ab5412f74..34f0ece879 100644
--- a/packages/frontend/src/pages/settings/roles.stories.ts
+++ b/packages/frontend/src/pages/settings/roles.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import roles from './roles.vue';
+import roles_ from './roles.vue';
 const meta = {
 	title: 'pages/settings/roles',
-	component: roles,
-} satisfies Meta<typeof roles>;
+	component: roles_,
+} satisfies Meta<typeof roles_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				roles,
+				roles_,
 			},
 			props: Object.keys(argTypes),
-			template: '<roles v-bind="$props" />',
+			template: '<roles_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof roles>;
+} satisfies StoryObj<typeof roles_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts
index fb003ab05f..7042d4b455 100644
--- a/packages/frontend/src/pages/settings/security.stories.ts
+++ b/packages/frontend/src/pages/settings/security.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import security from './security.vue';
+import security_ from './security.vue';
 const meta = {
 	title: 'pages/settings/security',
-	component: security,
-} satisfies Meta<typeof security>;
+	component: security_,
+} satisfies Meta<typeof security_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				security,
+				security_,
 			},
 			props: Object.keys(argTypes),
-			template: '<security v-bind="$props" />',
+			template: '<security_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof security>;
+} satisfies StoryObj<typeof security_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts
index a8304f2792..63b01ecacd 100644
--- a/packages/frontend/src/pages/settings/sounds.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import sounds from './sounds.vue';
+import sounds_ from './sounds.vue';
 const meta = {
 	title: 'pages/settings/sounds',
-	component: sounds,
-} satisfies Meta<typeof sounds>;
+	component: sounds_,
+} satisfies Meta<typeof sounds_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				sounds,
+				sounds_,
 			},
 			props: Object.keys(argTypes),
-			template: '<sounds v-bind="$props" />',
+			template: '<sounds_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof sounds>;
+} satisfies StoryObj<typeof sounds_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts
index 9e2246c2a5..747b1815d2 100644
--- a/packages/frontend/src/pages/settings/statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import statusbar from './statusbar.vue';
+import statusbar_ from './statusbar.vue';
 const meta = {
 	title: 'pages/settings/statusbar',
-	component: statusbar,
-} satisfies Meta<typeof statusbar>;
+	component: statusbar_,
+} satisfies Meta<typeof statusbar_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				statusbar,
+				statusbar_,
 			},
 			props: Object.keys(argTypes),
-			template: '<statusbar v-bind="$props" />',
+			template: '<statusbar_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof statusbar>;
+} satisfies StoryObj<typeof statusbar_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts
index 05d320b76d..0c0017f168 100644
--- a/packages/frontend/src/pages/settings/theme.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import theme from './theme.vue';
+import theme_ from './theme.vue';
 const meta = {
 	title: 'pages/settings/theme',
-	component: theme,
-} satisfies Meta<typeof theme>;
+	component: theme_,
+} satisfies Meta<typeof theme_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				theme,
+				theme_,
 			},
 			props: Object.keys(argTypes),
-			template: '<theme v-bind="$props" />',
+			template: '<theme_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof theme>;
+} satisfies StoryObj<typeof theme_>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts
index aaaf8b6fb0..7a10202b6d 100644
--- a/packages/frontend/src/pages/settings/webhook.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import webhook from './webhook.vue';
+import webhook_ from './webhook.vue';
 const meta = {
 	title: 'pages/settings/webhook',
-	component: webhook,
-} satisfies Meta<typeof webhook>;
+	component: webhook_,
+} satisfies Meta<typeof webhook_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				webhook,
+				webhook_,
 			},
 			props: Object.keys(argTypes),
-			template: '<webhook v-bind="$props" />',
+			template: '<webhook_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof webhook>;
+} satisfies StoryObj<typeof webhook_>;
 export default meta;
diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts
index 914f4e3a4e..525d6b3b02 100644
--- a/packages/frontend/src/pages/share.stories.ts
+++ b/packages/frontend/src/pages/share.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import share from './share.vue';
+import share_ from './share.vue';
 const meta = {
 	title: 'pages/share',
-	component: share,
-} satisfies Meta<typeof share>;
+	component: share_,
+} satisfies Meta<typeof share_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				share,
+				share_,
 			},
 			props: Object.keys(argTypes),
-			template: '<share v-bind="$props" />',
+			template: '<share_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof share>;
+} satisfies StoryObj<typeof share_>;
 export default meta;
diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts
index 1f8f3bb18b..def784dd5d 100644
--- a/packages/frontend/src/pages/tag.stories.ts
+++ b/packages/frontend/src/pages/tag.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import tag from './tag.vue';
+import tag_ from './tag.vue';
 const meta = {
 	title: 'pages/tag',
-	component: tag,
-} satisfies Meta<typeof tag>;
+	component: tag_,
+} satisfies Meta<typeof tag_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				tag,
+				tag_,
 			},
 			props: Object.keys(argTypes),
-			template: '<tag v-bind="$props" />',
+			template: '<tag_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof tag>;
+} satisfies StoryObj<typeof tag_>;
 export default meta;
diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts
index 5676cece40..97319bc669 100644
--- a/packages/frontend/src/pages/timeline.stories.ts
+++ b/packages/frontend/src/pages/timeline.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import timeline from './timeline.vue';
+import timeline_ from './timeline.vue';
 const meta = {
 	title: 'pages/timeline',
-	component: timeline,
-} satisfies Meta<typeof timeline>;
+	component: timeline_,
+} satisfies Meta<typeof timeline_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				timeline,
+				timeline_,
 			},
 			props: Object.keys(argTypes),
-			template: '<timeline v-bind="$props" />',
+			template: '<timeline_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof timeline>;
+} satisfies StoryObj<typeof timeline_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts
index 62dc7c86d7..dc1123b04c 100644
--- a/packages/frontend/src/pages/user/achievements.stories.ts
+++ b/packages/frontend/src/pages/user/achievements.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import achievements from './achievements.vue';
+import achievements_ from './achievements.vue';
 const meta = {
 	title: 'pages/user/achievements',
-	component: achievements,
-} satisfies Meta<typeof achievements>;
+	component: achievements_,
+} satisfies Meta<typeof achievements_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				achievements,
+				achievements_,
 			},
 			props: Object.keys(argTypes),
-			template: '<achievements v-bind="$props" />',
+			template: '<achievements_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof achievements>;
+} satisfies StoryObj<typeof achievements_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts
index 4642f7d5c0..f6f610549e 100644
--- a/packages/frontend/src/pages/user/activity.stories.ts
+++ b/packages/frontend/src/pages/user/activity.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import activity from './activity.vue';
+import activity_ from './activity.vue';
 const meta = {
 	title: 'pages/user/activity',
-	component: activity,
-} satisfies Meta<typeof activity>;
+	component: activity_,
+} satisfies Meta<typeof activity_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				activity,
+				activity_,
 			},
 			props: Object.keys(argTypes),
-			template: '<activity v-bind="$props" />',
+			template: '<activity_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof activity>;
+} satisfies StoryObj<typeof activity_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts
index 7b4d155b69..d3432dd26b 100644
--- a/packages/frontend/src/pages/user/clips.stories.ts
+++ b/packages/frontend/src/pages/user/clips.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import clips from './clips.vue';
+import clips_ from './clips.vue';
 const meta = {
 	title: 'pages/user/clips',
-	component: clips,
-} satisfies Meta<typeof clips>;
+	component: clips_,
+} satisfies Meta<typeof clips_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				clips,
+				clips_,
 			},
 			props: Object.keys(argTypes),
-			template: '<clips v-bind="$props" />',
+			template: '<clips_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof clips>;
+} satisfies StoryObj<typeof clips_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts
index eecc122d4d..17ec4c4cf7 100644
--- a/packages/frontend/src/pages/user/followers.stories.ts
+++ b/packages/frontend/src/pages/user/followers.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import followers from './followers.vue';
+import followers_ from './followers.vue';
 const meta = {
 	title: 'pages/user/followers',
-	component: followers,
-} satisfies Meta<typeof followers>;
+	component: followers_,
+} satisfies Meta<typeof followers_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				followers,
+				followers_,
 			},
 			props: Object.keys(argTypes),
-			template: '<followers v-bind="$props" />',
+			template: '<followers_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof followers>;
+} satisfies StoryObj<typeof followers_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts
index debbb9610d..cc37ebe5cb 100644
--- a/packages/frontend/src/pages/user/following.stories.ts
+++ b/packages/frontend/src/pages/user/following.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import following from './following.vue';
+import following_ from './following.vue';
 const meta = {
 	title: 'pages/user/following',
-	component: following,
-} satisfies Meta<typeof following>;
+	component: following_,
+} satisfies Meta<typeof following_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				following,
+				following_,
 			},
 			props: Object.keys(argTypes),
-			template: '<following v-bind="$props" />',
+			template: '<following_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof following>;
+} satisfies StoryObj<typeof following_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts
index 8255498592..15f8a83938 100644
--- a/packages/frontend/src/pages/user/gallery.stories.ts
+++ b/packages/frontend/src/pages/user/gallery.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import gallery from './gallery.vue';
+import gallery_ from './gallery.vue';
 const meta = {
 	title: 'pages/user/gallery',
-	component: gallery,
-} satisfies Meta<typeof gallery>;
+	component: gallery_,
+} satisfies Meta<typeof gallery_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				gallery,
+				gallery_,
 			},
 			props: Object.keys(argTypes),
-			template: '<gallery v-bind="$props" />',
+			template: '<gallery_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof gallery>;
+} satisfies StoryObj<typeof gallery_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts
index af3dd6231a..0126623dc3 100644
--- a/packages/frontend/src/pages/user/home.stories.ts
+++ b/packages/frontend/src/pages/user/home.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import home from './home.vue';
+import home_ from './home.vue';
 const meta = {
 	title: 'pages/user/home',
-	component: home,
-} satisfies Meta<typeof home>;
+	component: home_,
+} satisfies Meta<typeof home_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				home,
+				home_,
 			},
 			props: Object.keys(argTypes),
-			template: '<home v-bind="$props" />',
+			template: '<home_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof home>;
+} satisfies StoryObj<typeof home_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts
index ba498f7acb..19c2b2eb0f 100644
--- a/packages/frontend/src/pages/user/index.stories.ts
+++ b/packages/frontend/src/pages/user/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'pages/user/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts
index 50a696362a..1e1bc31b85 100644
--- a/packages/frontend/src/pages/user/pages.stories.ts
+++ b/packages/frontend/src/pages/user/pages.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import pages from './pages.vue';
+import pages_ from './pages.vue';
 const meta = {
 	title: 'pages/user/pages',
-	component: pages,
-} satisfies Meta<typeof pages>;
+	component: pages_,
+} satisfies Meta<typeof pages_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				pages,
+				pages_,
 			},
 			props: Object.keys(argTypes),
-			template: '<pages v-bind="$props" />',
+			template: '<pages_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof pages>;
+} satisfies StoryObj<typeof pages_>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts
index a590b8f20f..6fe141d4ff 100644
--- a/packages/frontend/src/pages/user/reactions.stories.ts
+++ b/packages/frontend/src/pages/user/reactions.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import reactions from './reactions.vue';
+import reactions_ from './reactions.vue';
 const meta = {
 	title: 'pages/user/reactions',
-	component: reactions,
-} satisfies Meta<typeof reactions>;
+	component: reactions_,
+} satisfies Meta<typeof reactions_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				reactions,
+				reactions_,
 			},
 			props: Object.keys(argTypes),
-			template: '<reactions v-bind="$props" />',
+			template: '<reactions_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof reactions>;
+} satisfies StoryObj<typeof reactions_>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts
index c062a7717a..0ba8e1f855 100644
--- a/packages/frontend/src/pages/welcome.stories.ts
+++ b/packages/frontend/src/pages/welcome.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import welcome from './welcome.vue';
+import welcome_ from './welcome.vue';
 const meta = {
 	title: 'pages/welcome',
-	component: welcome,
-} satisfies Meta<typeof welcome>;
+	component: welcome_,
+} satisfies Meta<typeof welcome_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				welcome,
+				welcome_,
 			},
 			props: Object.keys(argTypes),
-			template: '<welcome v-bind="$props" />',
+			template: '<welcome_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-} satisfies StoryObj<typeof welcome>;
+} satisfies StoryObj<typeof welcome_>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts
index 3ef6fc54b7..9a6f812605 100644
--- a/packages/frontend/src/ui/_common_/common.stories.ts
+++ b/packages/frontend/src/ui/_common_/common.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import common from './common.vue';
+import common_ from './common.vue';
 const meta = {
 	title: 'ui/_common_/common',
-	component: common,
-} satisfies Meta<typeof common>;
+	component: common_,
+} satisfies Meta<typeof common_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				common,
+				common_,
 			},
 			props: Object.keys(argTypes),
-			template: '<common v-bind="$props" />',
+			template: '<common_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof common>;
+} satisfies StoryObj<typeof common_>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts
index f118d22f04..2c08306612 100644
--- a/packages/frontend/src/ui/_common_/navbar.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import navbar from './navbar.vue';
+import navbar_ from './navbar.vue';
 const meta = {
 	title: 'ui/_common_/navbar',
-	component: navbar,
-} satisfies Meta<typeof navbar>;
+	component: navbar_,
+} satisfies Meta<typeof navbar_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				navbar,
+				navbar_,
 			},
 			props: Object.keys(argTypes),
-			template: '<navbar v-bind="$props" />',
+			template: '<navbar_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof navbar>;
+} satisfies StoryObj<typeof navbar_>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts
index f8bb87f352..1de941691d 100644
--- a/packages/frontend/src/ui/_common_/notification.stories.ts
+++ b/packages/frontend/src/ui/_common_/notification.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import notification from './notification.vue';
+import notification_ from './notification.vue';
 const meta = {
 	title: 'ui/_common_/notification',
-	component: notification,
-} satisfies Meta<typeof notification>;
+	component: notification_,
+} satisfies Meta<typeof notification_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				notification,
+				notification_,
 			},
 			props: Object.keys(argTypes),
-			template: '<notification v-bind="$props" />',
+			template: '<notification_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof notification>;
+} satisfies StoryObj<typeof notification_>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts
index 0ff1faabc5..1f668520e9 100644
--- a/packages/frontend/src/ui/_common_/statusbars.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import statusbars from './statusbars.vue';
+import statusbars_ from './statusbars.vue';
 const meta = {
 	title: 'ui/_common_/statusbars',
-	component: statusbars,
-} satisfies Meta<typeof statusbars>;
+	component: statusbars_,
+} satisfies Meta<typeof statusbars_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				statusbars,
+				statusbars_,
 			},
 			props: Object.keys(argTypes),
-			template: '<statusbars v-bind="$props" />',
+			template: '<statusbars_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof statusbars>;
+} satisfies StoryObj<typeof statusbars_>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts
index 612db18122..40b3d392bb 100644
--- a/packages/frontend/src/ui/_common_/upload.stories.ts
+++ b/packages/frontend/src/ui/_common_/upload.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import upload from './upload.vue';
+import upload_ from './upload.vue';
 const meta = {
 	title: 'ui/_common_/upload',
-	component: upload,
-} satisfies Meta<typeof upload>;
+	component: upload_,
+} satisfies Meta<typeof upload_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				upload,
+				upload_,
 			},
 			props: Object.keys(argTypes),
-			template: '<upload v-bind="$props" />',
+			template: '<upload_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof upload>;
+} satisfies StoryObj<typeof upload_>;
 export default meta;
diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts
index 52d53990eb..c87c93a950 100644
--- a/packages/frontend/src/ui/classic.stories.ts
+++ b/packages/frontend/src/ui/classic.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import classic from './classic.vue';
+import classic_ from './classic.vue';
 const meta = {
 	title: 'ui/classic',
-	component: classic,
-} satisfies Meta<typeof classic>;
+	component: classic_,
+} satisfies Meta<typeof classic_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				classic,
+				classic_,
 			},
 			props: Object.keys(argTypes),
-			template: '<classic v-bind="$props" />',
+			template: '<classic_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof classic>;
+} satisfies StoryObj<typeof classic_>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts
index d84ae4341c..74121f4e08 100644
--- a/packages/frontend/src/ui/deck.stories.ts
+++ b/packages/frontend/src/ui/deck.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import deck from './deck.vue';
+import deck_ from './deck.vue';
 const meta = {
 	title: 'ui/deck',
-	component: deck,
-} satisfies Meta<typeof deck>;
+	component: deck_,
+} satisfies Meta<typeof deck_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				deck,
+				deck_,
 			},
 			props: Object.keys(argTypes),
-			template: '<deck v-bind="$props" />',
+			template: '<deck_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof deck>;
+} satisfies StoryObj<typeof deck_>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts
index 8513fbe1d3..dea69e8d97 100644
--- a/packages/frontend/src/ui/deck/column.stories.ts
+++ b/packages/frontend/src/ui/deck/column.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import column from './column.vue';
+import column_ from './column.vue';
 const meta = {
 	title: 'ui/deck/column',
-	component: column,
-} satisfies Meta<typeof column>;
+	component: column_,
+} satisfies Meta<typeof column_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				column,
+				column_,
 			},
 			props: Object.keys(argTypes),
-			template: '<column v-bind="$props" />',
+			template: '<column_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof column>;
+} satisfies StoryObj<typeof column_>;
 export default meta;
diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts
index cb5c183e6b..d60620cb87 100644
--- a/packages/frontend/src/ui/universal.stories.ts
+++ b/packages/frontend/src/ui/universal.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import universal from './universal.vue';
+import universal_ from './universal.vue';
 const meta = {
 	title: 'ui/universal',
-	component: universal,
-} satisfies Meta<typeof universal>;
+	component: universal_,
+} satisfies Meta<typeof universal_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				universal,
+				universal_,
 			},
 			props: Object.keys(argTypes),
-			template: '<universal v-bind="$props" />',
+			template: '<universal_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof universal>;
+} satisfies StoryObj<typeof universal_>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts
index df84e3a890..b1ed6b75c0 100644
--- a/packages/frontend/src/ui/visitor.stories.ts
+++ b/packages/frontend/src/ui/visitor.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import visitor from './visitor.vue';
+import visitor_ from './visitor.vue';
 const meta = {
 	title: 'ui/visitor',
-	component: visitor,
-} satisfies Meta<typeof visitor>;
+	component: visitor_,
+} satisfies Meta<typeof visitor_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				visitor,
+				visitor_,
 			},
 			props: Object.keys(argTypes),
-			template: '<visitor v-bind="$props" />',
+			template: '<visitor_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof visitor>;
+} satisfies StoryObj<typeof visitor_>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts
index 19ca049d7f..d0ffad2c48 100644
--- a/packages/frontend/src/ui/visitor/a.stories.ts
+++ b/packages/frontend/src/ui/visitor/a.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import a from './a.vue';
+import a_ from './a.vue';
 const meta = {
 	title: 'ui/visitor/a',
-	component: a,
-} satisfies Meta<typeof a>;
+	component: a_,
+} satisfies Meta<typeof a_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				a,
+				a_,
 			},
 			props: Object.keys(argTypes),
-			template: '<a v-bind="$props" />',
+			template: '<a_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof a>;
+} satisfies StoryObj<typeof a_>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts
index 9bb781b18c..d60442df6b 100644
--- a/packages/frontend/src/ui/visitor/b.stories.ts
+++ b/packages/frontend/src/ui/visitor/b.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import b from './b.vue';
+import b_ from './b.vue';
 const meta = {
 	title: 'ui/visitor/b',
-	component: b,
-} satisfies Meta<typeof b>;
+	component: b_,
+} satisfies Meta<typeof b_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				b,
+				b_,
 			},
 			props: Object.keys(argTypes),
-			template: '<b v-bind="$props" />',
+			template: '<b_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof b>;
+} satisfies StoryObj<typeof b_>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts
index 67e8cee3dc..9205f10228 100644
--- a/packages/frontend/src/ui/visitor/header.stories.ts
+++ b/packages/frontend/src/ui/visitor/header.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import header from './header.vue';
+import header_ from './header.vue';
 const meta = {
 	title: 'ui/visitor/header',
-	component: header,
-} satisfies Meta<typeof header>;
+	component: header_,
+} satisfies Meta<typeof header_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				header,
+				header_,
 			},
 			props: Object.keys(argTypes),
-			template: '<header v-bind="$props" />',
+			template: '<header_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof header>;
+} satisfies StoryObj<typeof header_>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts
index cef3e51cc4..888bbccb63 100644
--- a/packages/frontend/src/ui/visitor/kanban.stories.ts
+++ b/packages/frontend/src/ui/visitor/kanban.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import kanban from './kanban.vue';
+import kanban_ from './kanban.vue';
 const meta = {
 	title: 'ui/visitor/kanban',
-	component: kanban,
-} satisfies Meta<typeof kanban>;
+	component: kanban_,
+} satisfies Meta<typeof kanban_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				kanban,
+				kanban_,
 			},
 			props: Object.keys(argTypes),
-			template: '<kanban v-bind="$props" />',
+			template: '<kanban_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof kanban>;
+} satisfies StoryObj<typeof kanban_>;
 export default meta;
diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts
index ce3d1d91fc..cf24162e05 100644
--- a/packages/frontend/src/ui/zen.stories.ts
+++ b/packages/frontend/src/ui/zen.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import zen from './zen.vue';
+import zen_ from './zen.vue';
 const meta = {
 	title: 'ui/zen',
-	component: zen,
-} satisfies Meta<typeof zen>;
+	component: zen_,
+} satisfies Meta<typeof zen_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				zen,
+				zen_,
 			},
 			props: Object.keys(argTypes),
-			template: '<zen v-bind="$props" />',
+			template: '<zen_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof zen>;
+} satisfies StoryObj<typeof zen_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
index 4516fe5dc0..8ac2dbf57d 100644
--- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import cpu from './cpu.vue';
+import cpu_ from './cpu.vue';
 const meta = {
 	title: 'widgets/server-metric/cpu',
-	component: cpu,
-} satisfies Meta<typeof cpu>;
+	component: cpu_,
+} satisfies Meta<typeof cpu_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				cpu,
+				cpu_,
 			},
 			props: Object.keys(argTypes),
-			template: '<cpu v-bind="$props" />',
+			template: '<cpu_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof cpu>;
+} satisfies StoryObj<typeof cpu_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts
index a8179265e9..cbd30d9dad 100644
--- a/packages/frontend/src/widgets/server-metric/disk.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import disk from './disk.vue';
+import disk_ from './disk.vue';
 const meta = {
 	title: 'widgets/server-metric/disk',
-	component: disk,
-} satisfies Meta<typeof disk>;
+	component: disk_,
+} satisfies Meta<typeof disk_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				disk,
+				disk_,
 			},
 			props: Object.keys(argTypes),
-			template: '<disk v-bind="$props" />',
+			template: '<disk_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof disk>;
+} satisfies StoryObj<typeof disk_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts
index 1ef2ab35d5..f800b15632 100644
--- a/packages/frontend/src/widgets/server-metric/index.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/index.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import index from './index.vue';
+import index_ from './index.vue';
 const meta = {
 	title: 'widgets/server-metric/index',
-	component: index,
-} satisfies Meta<typeof index>;
+	component: index_,
+} satisfies Meta<typeof index_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				index,
+				index_,
 			},
 			props: Object.keys(argTypes),
-			template: '<index v-bind="$props" />',
+			template: '<index_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof index>;
+} satisfies StoryObj<typeof index_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts
index 3ac52649e9..dd161af66a 100644
--- a/packages/frontend/src/widgets/server-metric/mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import mem from './mem.vue';
+import mem_ from './mem.vue';
 const meta = {
 	title: 'widgets/server-metric/mem',
-	component: mem,
-} satisfies Meta<typeof mem>;
+	component: mem_,
+} satisfies Meta<typeof mem_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				mem,
+				mem_,
 			},
 			props: Object.keys(argTypes),
-			template: '<mem v-bind="$props" />',
+			template: '<mem_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof mem>;
+} satisfies StoryObj<typeof mem_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts
index fca6bfa749..b92f12ccc8 100644
--- a/packages/frontend/src/widgets/server-metric/net.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/net.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import net from './net.vue';
+import net_ from './net.vue';
 const meta = {
 	title: 'widgets/server-metric/net',
-	component: net,
-} satisfies Meta<typeof net>;
+	component: net_,
+} satisfies Meta<typeof net_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				net,
+				net_,
 			},
 			props: Object.keys(argTypes),
-			template: '<net v-bind="$props" />',
+			template: '<net_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof net>;
+} satisfies StoryObj<typeof net_>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts
index 411beb19d2..02caa92e7c 100644
--- a/packages/frontend/src/widgets/server-metric/pie.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts
@@ -1,21 +1,21 @@
 import { Meta, StoryObj } from '@storybook/vue3';
-import pie from './pie.vue';
+import pie_ from './pie.vue';
 const meta = {
 	title: 'widgets/server-metric/pie',
-	component: pie,
-} satisfies Meta<typeof pie>;
+	component: pie_,
+} satisfies Meta<typeof pie_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
 			components: {
-				pie,
+				pie_,
 			},
 			props: Object.keys(argTypes),
-			template: '<pie v-bind="$props" />',
+			template: '<pie_ v-bind="$props" />',
 		};
 	},
 	parameters: {
 		layout: 'centered',
 	},
-} satisfies StoryObj<typeof pie>;
+} satisfies StoryObj<typeof pie_>;
 export default meta;