build(#10336): update dependencies

packages/frontend/src/pages/_empty_.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: _empty_,
 } satisfies Meta<typeof _empty_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_empty_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_empty_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_empty_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/_error_.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: _error_,
 } satisfies Meta<typeof _error_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_error_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_error_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_error_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/_loading_.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: _loading_,
 } satisfies Meta<typeof _loading_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_loading_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_loading_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_loading_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/about-misskey.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: about_misskey,
 } satisfies Meta<typeof about_misskey>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_misskey,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_misskey v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_misskey v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/about.emojis.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: about_emojis,
 } satisfies Meta<typeof about_emojis>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_emojis,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_emojis v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_emojis v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/about.federation.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: about_federation,
 } satisfies Meta<typeof about_federation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_federation,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_federation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_federation v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/about.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: about_,
 } satisfies Meta<typeof about_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				about_,
 			},
-			props: Object.keys(argTypes),
-			template: '<about_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<about_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/achievements.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: achievements_,
 } satisfies Meta<typeof achievements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				achievements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<achievements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<achievements_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin-file.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: admin_file,
 } satisfies Meta<typeof admin_file>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				admin_file,
 			},
-			props: Object.keys(argTypes),
-			template: '<admin_file v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<admin_file v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: RolesEditorFormula,
 } satisfies Meta<typeof RolesEditorFormula>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				RolesEditorFormula,
 			},
-			props: Object.keys(argTypes),
-			template: '<RolesEditorFormula v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<RolesEditorFormula v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/_header_.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: _header_,
 } satisfies Meta<typeof _header_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				_header_,
 			},
-			props: Object.keys(argTypes),
-			template: '<_header_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<_header_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/abuses.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: abuses_,
 } satisfies Meta<typeof abuses_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				abuses_,
 			},
-			props: Object.keys(argTypes),
-			template: '<abuses_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<abuses_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/ads.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: ads_,
 } satisfies Meta<typeof ads_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				ads_,
 			},
-			props: Object.keys(argTypes),
-			template: '<ads_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<ads_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/announcements.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: announcements_,
 } satisfies Meta<typeof announcements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				announcements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<announcements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<announcements_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/bot-protection.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: bot_protection,
 } satisfies Meta<typeof bot_protection>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				bot_protection,
 			},
-			props: Object.keys(argTypes),
-			template: '<bot_protection v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<bot_protection v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/database.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: database_,
 } satisfies Meta<typeof database_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				database_,
 			},
-			props: Object.keys(argTypes),
-			template: '<database_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<database_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/email-settings.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: email_settings,
 } satisfies Meta<typeof email_settings>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				email_settings,
 			},
-			props: Object.keys(argTypes),
-			template: '<email_settings v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<email_settings v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/federation.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: federation_,
 } satisfies Meta<typeof federation_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				federation_,
 			},
-			props: Object.keys(argTypes),
-			template: '<federation_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<federation_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/files.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: files_,
 } satisfies Meta<typeof files_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				files_,
 			},
-			props: Object.keys(argTypes),
-			template: '<files_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<files_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/instance-block.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: instance_block,
 } satisfies Meta<typeof instance_block>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				instance_block,
 			},
-			props: Object.keys(argTypes),
-			template: '<instance_block v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<instance_block v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/moderation.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: moderation_,
 } satisfies Meta<typeof moderation_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				moderation_,
 			},
-			props: Object.keys(argTypes),
-			template: '<moderation_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<moderation_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/object-storage.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: object_storage,
 } satisfies Meta<typeof object_storage>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				object_storage,
 			},
-			props: Object.keys(argTypes),
-			template: '<object_storage v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<object_storage v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/other-settings.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: other_settings,
 } satisfies Meta<typeof other_settings>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				other_settings,
 			},
-			props: Object.keys(argTypes),
-			template: '<other_settings v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<other_settings v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.active-users.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_active_users,
 } satisfies Meta<typeof overview_active_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_active_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_active_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_active_users v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.ap-requests.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_ap_requests,
 } satisfies Meta<typeof overview_ap_requests>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_ap_requests,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_ap_requests v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_ap_requests v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.federation.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_federation,
 } satisfies Meta<typeof overview_federation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_federation,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_federation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_federation v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.heatmap.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_heatmap,
 } satisfies Meta<typeof overview_heatmap>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_heatmap,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_heatmap v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_heatmap v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.instances.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_instances,
 } satisfies Meta<typeof overview_instances>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_instances,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_instances v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_instances v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.moderators.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_moderators,
 } satisfies Meta<typeof overview_moderators>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_moderators,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_moderators v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_moderators v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.pie.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_pie,
 } satisfies Meta<typeof overview_pie>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_pie,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_pie v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_pie v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.queue.chart.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_queue_chart,
 } satisfies Meta<typeof overview_queue_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_queue_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_queue_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_queue_chart v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.queue.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_queue,
 } satisfies Meta<typeof overview_queue>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_queue,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_queue v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_queue v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.retention.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_retention,
 } satisfies Meta<typeof overview_retention>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_retention,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_retention v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_retention v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.stats.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_stats,
 } satisfies Meta<typeof overview_stats>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_stats,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_stats v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_stats v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_,
 } satisfies Meta<typeof overview_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/overview.users.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: overview_users,
 } satisfies Meta<typeof overview_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				overview_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<overview_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<overview_users v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/proxy-account.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: proxy_account,
 } satisfies Meta<typeof proxy_account>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				proxy_account,
 			},
-			props: Object.keys(argTypes),
-			template: '<proxy_account v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<proxy_account v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/queue.chart.chart.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: queue_chart_chart,
 } satisfies Meta<typeof queue_chart_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_chart_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_chart_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_chart_chart v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/queue.chart.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: queue_chart,
 } satisfies Meta<typeof queue_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_chart v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/queue.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: queue_,
 } satisfies Meta<typeof queue_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				queue_,
 			},
-			props: Object.keys(argTypes),
-			template: '<queue_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<queue_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/relays.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: relays_,
 } satisfies Meta<typeof relays_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				relays_,
 			},
-			props: Object.keys(argTypes),
-			template: '<relays_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<relays_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/roles.edit.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: roles_edit,
 } satisfies Meta<typeof roles_edit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_edit,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_edit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_edit v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/roles.editor.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: roles_editor,
 } satisfies Meta<typeof roles_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_editor v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/roles.role.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: roles_role,
 } satisfies Meta<typeof roles_role>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_role,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_role v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_role v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/roles.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: roles_,
 } satisfies Meta<typeof roles_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				roles_,
 			},
-			props: Object.keys(argTypes),
-			template: '<roles_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<roles_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/security.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: security_,
 } satisfies Meta<typeof security_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				security_,
 			},
-			props: Object.keys(argTypes),
-			template: '<security_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<security_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/settings.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: settings_,
 } satisfies Meta<typeof settings_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				settings_,
 			},
-			props: Object.keys(argTypes),
-			template: '<settings_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<settings_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/admin/users.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: users_,
 } satisfies Meta<typeof users_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				users_,
 			},
-			props: Object.keys(argTypes),
-			template: '<users_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<users_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/ads.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: ads_,
 } satisfies Meta<typeof ads_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				ads_,
 			},
-			props: Object.keys(argTypes),
-			template: '<ads_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<ads_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/announcements.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: announcements_,
 } satisfies Meta<typeof announcements_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				announcements_,
 			},
-			props: Object.keys(argTypes),
-			template: '<announcements_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<announcements_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/antenna-timeline.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: antenna_timeline,
 } satisfies Meta<typeof antenna_timeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				antenna_timeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<antenna_timeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<antenna_timeline v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/api-console.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: api_console,
 } satisfies Meta<typeof api_console>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				api_console,
 			},
-			props: Object.keys(argTypes),
-			template: '<api_console v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<api_console v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/auth.form.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: auth_form,
 } satisfies Meta<typeof auth_form>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				auth_form,
 			},
-			props: Object.keys(argTypes),
-			template: '<auth_form v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<auth_form v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/auth.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: auth_,
 } satisfies Meta<typeof auth_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				auth_,
 			},
-			props: Object.keys(argTypes),
-			template: '<auth_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<auth_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/channel-editor.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: channel_editor,
 } satisfies Meta<typeof channel_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channel_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<channel_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channel_editor v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/channel.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: channel_,
 } satisfies Meta<typeof channel_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channel_,
 			},
-			props: Object.keys(argTypes),
-			template: '<channel_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channel_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/channels.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: channels_,
 } satisfies Meta<typeof channels_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				channels_,
 			},
-			props: Object.keys(argTypes),
-			template: '<channels_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<channels_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/clicker.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: clicker_,
 } satisfies Meta<typeof clicker_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				clicker_,
 			},
-			props: Object.keys(argTypes),
-			template: '<clicker_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<clicker_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/clip.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: clip_,
 } satisfies Meta<typeof clip_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				clip_,
 			},
-			props: Object.keys(argTypes),
-			template: '<clip_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<clip_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/custom-emojis-manager.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: custom_emojis_manager,
 } satisfies Meta<typeof custom_emojis_manager>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				custom_emojis_manager,
 			},
-			props: Object.keys(argTypes),
-			template: '<custom_emojis_manager v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<custom_emojis_manager v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/drive.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: drive_,
 } satisfies Meta<typeof drive_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				drive_,
 			},
-			props: Object.keys(argTypes),
-			template: '<drive_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<drive_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/emoji-edit-dialog.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: emoji_edit_dialog,
 } satisfies Meta<typeof emoji_edit_dialog>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				emoji_edit_dialog,
 			},
-			props: Object.keys(argTypes),
-			template: '<emoji_edit_dialog v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<emoji_edit_dialog v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/emojis.emoji.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: emojis_emoji,
 } satisfies Meta<typeof emojis_emoji>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				emojis_emoji,
 			},
-			props: Object.keys(argTypes),
-			template: '<emojis_emoji v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<emojis_emoji v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/explore.featured.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: explore_featured,
 } satisfies Meta<typeof explore_featured>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_featured,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_featured v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_featured v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/explore.roles.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: explore_roles,
 } satisfies Meta<typeof explore_roles>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_roles,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_roles v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_roles v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/explore.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: explore_,
 } satisfies Meta<typeof explore_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/explore.users.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: explore_users,
 } satisfies Meta<typeof explore_users>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				explore_users,
 			},
-			props: Object.keys(argTypes),
-			template: '<explore_users v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<explore_users v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/favorites.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: favorites_,
 } satisfies Meta<typeof favorites_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				favorites_,
 			},
-			props: Object.keys(argTypes),
-			template: '<favorites_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<favorites_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/flash/flash-edit.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: flash_edit,
 } satisfies Meta<typeof flash_edit>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_edit,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_edit v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_edit v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/flash/flash-index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: flash_index,
 } satisfies Meta<typeof flash_index>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_index,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_index v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_index v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/flash/flash.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: flash_,
 } satisfies Meta<typeof flash_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				flash_,
 			},
-			props: Object.keys(argTypes),
-			template: '<flash_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<flash_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/follow-requests.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: follow_requests,
 } satisfies Meta<typeof follow_requests>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				follow_requests,
 			},
-			props: Object.keys(argTypes),
-			template: '<follow_requests v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<follow_requests v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/follow.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: follow_,
 } satisfies Meta<typeof follow_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				follow_,
 			},
-			props: Object.keys(argTypes),
-			template: '<follow_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<follow_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/gallery/edit.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: edit_,
 } satisfies Meta<typeof edit_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				edit_,
 			},
-			props: Object.keys(argTypes),
-			template: '<edit_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<edit_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/gallery/index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/gallery/post.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: post_,
 } satisfies Meta<typeof post_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				post_,
 			},
-			props: Object.keys(argTypes),
-			template: '<post_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<post_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/instance-info.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: instance_info,
 } satisfies Meta<typeof instance_info>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				instance_info,
 			},
-			props: Object.keys(argTypes),
-			template: '<instance_info v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<instance_info v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/miauth.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: miauth_,
 } satisfies Meta<typeof miauth_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				miauth_,
 			},
-			props: Object.keys(argTypes),
-			template: '<miauth_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<miauth_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-antennas/create.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: create_,
 } satisfies Meta<typeof create_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				create_,
 			},
-			props: Object.keys(argTypes),
-			template: '<create_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<create_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-antennas/edit.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: edit_,
 } satisfies Meta<typeof edit_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				edit_,
 			},
-			props: Object.keys(argTypes),
-			template: '<edit_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<edit_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-antennas/editor.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: editor_,
 } satisfies Meta<typeof editor_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				editor_,
 			},
-			props: Object.keys(argTypes),
-			template: '<editor_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<editor_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-antennas/index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-clips/index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-lists/index.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: index_,
 } satisfies Meta<typeof index_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				index_,
 			},
-			props: Object.keys(argTypes),
-			template: '<index_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<index_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/my-lists/list.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: list_,
 } satisfies Meta<typeof list_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				list_,
 			},
-			props: Object.keys(argTypes),
-			template: '<list_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<list_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/not-found.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: not_found,
 } satisfies Meta<typeof not_found>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				not_found,
 			},
-			props: Object.keys(argTypes),
-			template: '<not_found v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<not_found v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/note.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: note_,
 } satisfies Meta<typeof note_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				note_,
 			},
-			props: Object.keys(argTypes),
-			template: '<note_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<note_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/notifications.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: notifications_,
 } satisfies Meta<typeof notifications_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				notifications_,
 			},
-			props: Object.keys(argTypes),
-			template: '<notifications_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<notifications_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_image,
 } satisfies Meta<typeof page_editor_el_image>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_image,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_image v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_image v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_note,
 } satisfies Meta<typeof page_editor_el_note>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_note,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_note v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_note v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_section,
 } satisfies Meta<typeof page_editor_el_section>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_section,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_section v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_section v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_el_text,
 } satisfies Meta<typeof page_editor_el_text>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_el_text,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_el_text v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_el_text v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_blocks,
 } satisfies Meta<typeof page_editor_blocks>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_blocks,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_blocks v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_blocks v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/page-editor.container.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor_container,
 } satisfies Meta<typeof page_editor_container>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor_container,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor_container v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor_container v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page-editor/page-editor.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_editor,
 } satisfies Meta<typeof page_editor>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_editor,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_editor v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_editor v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/page.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: page_,
 } satisfies Meta<typeof page_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				page_,
 			},
-			props: Object.keys(argTypes),
-			template: '<page_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<page_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/pages.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: pages_,
 } satisfies Meta<typeof pages_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				pages_,
 			},
-			props: Object.keys(argTypes),
-			template: '<pages_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<pages_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/preview.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: preview_,
 } satisfies Meta<typeof preview_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				preview_,
 			},
-			props: Object.keys(argTypes),
-			template: '<preview_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<preview_ v-bind="props" />',
 		};
 	},
 	parameters: {

packages/frontend/src/pages/registry.keys.stories.ts

@@ -7,13 +7,24 @@ const meta = {
 	component: registry_keys,
 } satisfies Meta<typeof registry_keys>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				registry_keys,
 			},
-			props: Object.keys(argTypes),
-			template: '<registry_keys v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<registry_keys v-bind="props" />',
 		};
 	},
 	parameters: {