build(#10336): update dependencies

packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts

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

packages/frontend/src/pages/settings/2fa.stories.ts

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

packages/frontend/src/pages/settings/account-info.stories.ts

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

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

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

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

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

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

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

packages/frontend/src/pages/settings/custom-css.stories.ts

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

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

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

packages/frontend/src/pages/settings/delete-account.stories.ts

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

packages/frontend/src/pages/settings/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/settings/email.stories.ts

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

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

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

packages/frontend/src/pages/settings/import-export.stories.ts

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

packages/frontend/src/pages/settings/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/settings/instance-mute.stories.ts

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

packages/frontend/src/pages/settings/mute-block.stories.ts

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

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

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

packages/frontend/src/pages/settings/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/settings/other.stories.ts

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

packages/frontend/src/pages/settings/plugin.install.stories.ts

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

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

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

packages/frontend/src/pages/settings/preferences-backups.stories.ts

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

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

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

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

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

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

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

packages/frontend/src/pages/settings/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/settings/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/settings/sounds.sound.stories.ts

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

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

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

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

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

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

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

packages/frontend/src/pages/settings/theme.install.stories.ts

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

packages/frontend/src/pages/settings/theme.manage.stories.ts

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

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

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

packages/frontend/src/pages/settings/webhook.edit.stories.ts

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

packages/frontend/src/pages/settings/webhook.new.stories.ts

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

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

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

packages/frontend/src/pages/settings/word-mute.stories.ts

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