build(#10336): update dependencies

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: {