build(#10336): avoid intrinsic component names

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}
 																											/>,
 																										]}

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;

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;