build(#10336): update dependencies

35 files changed, 490 insertions, 105 deletions

diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
index d83b42bbbb..19727964a1 100644
--- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity_calendar,
 } satisfies Meta<typeof WidgetActivity_calendar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity_calendar,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity_calendar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity_calendar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
index b9bd1feffe..98033392f8 100644
--- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity_chart,
 } satisfies Meta<typeof WidgetActivity_chart>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity_chart,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity_chart v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity_chart v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts
index 7570bfa5f0..e558de0c4b 100644
--- a/packages/frontend/src/widgets/WidgetActivity.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetActivity,
 } satisfies Meta<typeof WidgetActivity>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetActivity,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetActivity v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetActivity v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts
index c0b22bcebd..9cf38696fd 100644
--- a/packages/frontend/src/widgets/WidgetAichan.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAichan,
 } satisfies Meta<typeof WidgetAichan>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAichan,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAichan v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAichan v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
index feab02ae0a..39f0183d28 100644
--- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAiscript,
 } satisfies Meta<typeof WidgetAiscript>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAiscript,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAiscript v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAiscript v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
index 66ace4844c..669b17bc9c 100644
--- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetAiscriptApp,
 } satisfies Meta<typeof WidgetAiscriptApp>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetAiscriptApp,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetAiscriptApp v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetAiscriptApp v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts
index 31f077155e..936a044e5f 100644
--- a/packages/frontend/src/widgets/WidgetButton.stories.ts
+++ b/packages/frontend/src/widgets/WidgetButton.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetButton,
 } satisfies Meta<typeof WidgetButton>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetButton,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetButton v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetButton v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
index 958e0b9489..85c6c0e59a 100644
--- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetCalendar,
 } satisfies Meta<typeof WidgetCalendar>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetCalendar,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetCalendar v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetCalendar v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts
index c791c3471d..cb1dc54552 100644
--- a/packages/frontend/src/widgets/WidgetClicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetClicker,
 } satisfies Meta<typeof WidgetClicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetClicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetClicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetClicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts
index 3241fa9fef..cb56024ce9 100644
--- a/packages/frontend/src/widgets/WidgetClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetClock,
 } satisfies Meta<typeof WidgetClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
index 346022d277..34c18f069d 100644
--- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetDigitalClock,
 } satisfies Meta<typeof WidgetDigitalClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetDigitalClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetDigitalClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetDigitalClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts
index e28da43405..51de7d9a6b 100644
--- a/packages/frontend/src/widgets/WidgetFederation.stories.ts
+++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetFederation,
 } satisfies Meta<typeof WidgetFederation>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetFederation,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetFederation v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetFederation v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
index 1e3f33c5f4..ff924a5e5b 100644
--- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetInstanceCloud,
 } satisfies Meta<typeof WidgetInstanceCloud>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetInstanceCloud,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetInstanceCloud v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetInstanceCloud v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
index 8311f85044..d3efb78fdc 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetInstanceInfo,
 } satisfies Meta<typeof WidgetInstanceInfo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetInstanceInfo,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetInstanceInfo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetInstanceInfo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
index 2ffe72ddc6..5f4a001cc9 100644
--- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
+++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetJobQueue,
 } satisfies Meta<typeof WidgetJobQueue>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetJobQueue,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetJobQueue v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetJobQueue v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts
index 830cae5e49..6612257799 100644
--- a/packages/frontend/src/widgets/WidgetMemo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetMemo,
 } satisfies Meta<typeof WidgetMemo>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetMemo,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetMemo v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetMemo v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
index 9268308689..95cf917171 100644
--- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts
+++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetNotifications,
 } satisfies Meta<typeof WidgetNotifications>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetNotifications,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetNotifications v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetNotifications v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
index 5ba9d806c2..9c44e57e36 100644
--- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
+++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetOnlineUsers,
 } satisfies Meta<typeof WidgetOnlineUsers>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetOnlineUsers,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetOnlineUsers v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetOnlineUsers v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
index 9925c229b3..b11ea1505e 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetPhotos,
 } satisfies Meta<typeof WidgetPhotos>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetPhotos,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetPhotos v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetPhotos v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
index cc1c7e0fb9..88c00b08e4 100644
--- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetPostForm,
 } satisfies Meta<typeof WidgetPostForm>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetPostForm,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetPostForm v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetPostForm v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts
index 49a3a24619..70413f210d 100644
--- a/packages/frontend/src/widgets/WidgetProfile.stories.ts
+++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetProfile,
 } satisfies Meta<typeof WidgetProfile>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetProfile,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetProfile v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetProfile v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts
index 3bc462f8c2..e50c22a6c0 100644
--- a/packages/frontend/src/widgets/WidgetRss.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRss.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetRss,
 } satisfies Meta<typeof WidgetRss>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetRss,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetRss v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetRss v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
index 3aeada0707..a10e504a45 100644
--- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetRssTicker,
 } satisfies Meta<typeof WidgetRssTicker>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetRssTicker,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetRssTicker v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetRssTicker v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
index 84b9978cc6..9bfd1241c7 100644
--- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
+++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetSlideshow,
 } satisfies Meta<typeof WidgetSlideshow>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetSlideshow,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetSlideshow v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetSlideshow v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
index 42a73ba949..7c472b0e0a 100644
--- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetTimeline,
 } satisfies Meta<typeof WidgetTimeline>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetTimeline,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetTimeline v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetTimeline v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts
index 8aaa052fad..52ec504736 100644
--- a/packages/frontend/src/widgets/WidgetTrends.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetTrends,
 } satisfies Meta<typeof WidgetTrends>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetTrends,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetTrends v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetTrends v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
index 3d7e48bad7..960392ea7c 100644
--- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetUnixClock,
 } satisfies Meta<typeof WidgetUnixClock>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetUnixClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetUnixClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetUnixClock v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts
index c8317b9f5c..469992c3c4 100644
--- a/packages/frontend/src/widgets/WidgetUserList.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: WidgetUserList,
 } satisfies Meta<typeof WidgetUserList>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				WidgetUserList,
 			},
-			props: Object.keys(argTypes),
-			template: '<WidgetUserList v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<WidgetUserList v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
index 3ec656e0d5..2a71043409 100644
--- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: cpu_mem,
 } satisfies Meta<typeof cpu_mem>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				cpu_mem,
 			},
-			props: Object.keys(argTypes),
-			template: '<cpu_mem v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<cpu_mem v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
index 26409892bb..6cd98615e7 100644
--- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: cpu_,
 } satisfies Meta<typeof cpu_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				cpu_,
 			},
-			props: Object.keys(argTypes),
-			template: '<cpu_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<cpu_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts
index 319628b3bb..8045a678a8 100644
--- a/packages/frontend/src/widgets/server-metric/disk.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: disk_,
 } satisfies Meta<typeof disk_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				disk_,
 			},
-			props: Object.keys(argTypes),
-			template: '<disk_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<disk_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts
index 8fcfd051be..072ff25410 100644
--- a/packages/frontend/src/widgets/server-metric/index.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/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: {
diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts
index 75929aae44..14a4e77bed 100644
--- a/packages/frontend/src/widgets/server-metric/mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: mem_,
 } satisfies Meta<typeof mem_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				mem_,
 			},
-			props: Object.keys(argTypes),
-			template: '<mem_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<mem_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts
index ab74ccdc0e..9a6f826b5b 100644
--- a/packages/frontend/src/widgets/server-metric/net.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/net.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: net_,
 } satisfies Meta<typeof net_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				net_,
 			},
-			props: Object.keys(argTypes),
-			template: '<net_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<net_ v-bind="props" />',
 		};
 	},
 	parameters: {
diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts
index 510d1be613..c49ba0f87d 100644
--- a/packages/frontend/src/widgets/server-metric/pie.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts
@@ -7,13 +7,24 @@ const meta = {
 	component: pie_,
 } satisfies Meta<typeof pie_>;
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				pie_,
 			},
-			props: Object.keys(argTypes),
-			template: '<pie_ v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...args,
+					};
+				},
+			},
+			template: '<pie_ v-bind="props" />',
 		};
 	},
 	parameters: {