From bdbbb92ff69f392c18825cf1e917efbe40f58c3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Acid=20Chicken=20=28=E7=A1=AB=E9=85=B8=E9=B6=8F=29?=
 <root@acid-chicken.com>
Date: Mon, 20 Mar 2023 23:07:13 +0900
Subject: [PATCH] build(#10336): impl `SatisfiesExpression`

---
 packages/frontend/.storybook/generate.tsx     | 221 ++++++++++--------
 .../src/components/MkAbuseReport.stories.ts   |   6 +-
 .../components/MkAbuseReportWindow.stories.ts |   6 +-
 .../src/components/MkAchievements.stories.ts  |   6 +-
 .../src/components/MkAnalogClock.stories.ts   |   4 +-
 .../frontend/src/components/MkAsUi.stories.ts |   6 +-
 .../src/components/MkAutocomplete.stories.ts  |   6 +-
 .../src/components/MkAvatars.stories.ts       |   6 +-
 .../src/components/MkButton.stories.impl.ts   |   3 +-
 .../src/components/MkButton.stories.ts        |   7 +-
 .../src/components/MkCaptcha.stories.ts       |   6 +-
 .../MkChannelFollowButton.stories.ts          |   6 +-
 .../components/MkChannelPreview.stories.ts    |   6 +-
 .../src/components/MkChart.stories.ts         |   6 +-
 .../src/components/MkChartLegend.stories.ts   |   6 +-
 .../src/components/MkChartTooltip.stories.ts  |   6 +-
 .../src/components/MkCheckbox.stories.ts      |   6 +-
 .../src/components/MkClickerGame.stories.ts   |   6 +-
 .../src/components/MkClipPreview.stories.ts   |   6 +-
 .../src/components/MkCode.core.stories.ts     |   6 +-
 .../frontend/src/components/MkCode.stories.ts |   6 +-
 .../src/components/MkContainer.stories.ts     |   6 +-
 .../src/components/MkContextMenu.stories.ts   |   6 +-
 .../src/components/MkCropperDialog.stories.ts |   6 +-
 .../src/components/MkCwButton.stories.ts      |   6 +-
 .../components/MkDateSeparatedList.stories.ts |   6 +-
 .../src/components/MkDialog.stories.ts        |   6 +-
 .../src/components/MkDigitalClock.stories.ts  |   6 +-
 .../src/components/MkDonation.stories.ts      |   6 +-
 .../src/components/MkDrive.file.stories.ts    |   6 +-
 .../src/components/MkDrive.folder.stories.ts  |   6 +-
 .../components/MkDrive.navFolder.stories.ts   |   6 +-
 .../src/components/MkDrive.stories.ts         |   6 +-
 .../MkDriveFileThumbnail.stories.ts           |   6 +-
 .../components/MkDriveSelectDialog.stories.ts |   6 +-
 .../src/components/MkDriveWindow.stories.ts   |   6 +-
 .../MkEmojiPicker.section.stories.ts          |   6 +-
 .../src/components/MkEmojiPicker.stories.ts   |   6 +-
 .../components/MkEmojiPickerDialog.stories.ts |   6 +-
 .../components/MkEmojiPickerWindow.stories.ts |   6 +-
 .../components/MkFeaturedPhotos.stories.ts    |   6 +-
 .../MkFileCaptionEditWindow.stories.ts        |   6 +-
 .../components/MkFileListForAdmin.stories.ts  |   6 +-
 .../src/components/MkFlashPreview.stories.ts  |   6 +-
 .../components/MkFoldableSection.stories.ts   |   6 +-
 .../src/components/MkFolder.stories.ts        |   6 +-
 .../src/components/MkFollowButton.stories.ts  |   6 +-
 .../components/MkForgotPassword.stories.ts    |   6 +-
 .../src/components/MkFormDialog.stories.ts    |   6 +-
 .../MkGalleryPostPreview.stories.ts           |   6 +-
 .../src/components/MkGoogle.stories.ts        |   6 +-
 .../src/components/MkHeatmap.stories.ts       |   6 +-
 .../src/components/MkImageViewer.stories.ts   |   6 +-
 .../components/MkImgWithBlurhash.stories.ts   |   6 +-
 .../frontend/src/components/MkInfo.stories.ts |   6 +-
 .../src/components/MkInput.stories.ts         |   6 +-
 .../components/MkInstanceCardMini.stories.ts  |   6 +-
 .../src/components/MkInstanceStats.stories.ts |   6 +-
 .../components/MkInstanceTicker.stories.ts    |   6 +-
 .../src/components/MkKeyValue.stories.ts      |   6 +-
 .../src/components/MkLaunchPad.stories.ts     |   6 +-
 .../frontend/src/components/MkLink.stories.ts |   6 +-
 .../src/components/MkMarquee.stories.ts       |   6 +-
 .../src/components/MkMediaBanner.stories.ts   |   6 +-
 .../src/components/MkMediaImage.stories.ts    |   6 +-
 .../src/components/MkMediaList.stories.ts     |   6 +-
 .../src/components/MkMediaVideo.stories.ts    |   6 +-
 .../src/components/MkMention.stories.ts       |   6 +-
 .../src/components/MkMenu.child.stories.ts    |   6 +-
 .../frontend/src/components/MkMenu.stories.ts |   6 +-
 .../src/components/MkMiniChart.stories.ts     |   6 +-
 .../src/components/MkModal.stories.ts         |   6 +-
 .../components/MkModalPageWindow.stories.ts   |   6 +-
 .../src/components/MkModalWindow.stories.ts   |   6 +-
 .../frontend/src/components/MkNote.stories.ts |   6 +-
 .../src/components/MkNoteDetailed.stories.ts  |   6 +-
 .../src/components/MkNoteHeader.stories.ts    |   6 +-
 .../src/components/MkNotePreview.stories.ts   |   6 +-
 .../src/components/MkNoteSimple.stories.ts    |   6 +-
 .../src/components/MkNoteSub.stories.ts       |   6 +-
 .../src/components/MkNotes.stories.ts         |   6 +-
 .../src/components/MkNotification.stories.ts  |   6 +-
 .../MkNotificationSettingWindow.stories.ts    |   6 +-
 .../src/components/MkNotifications.stories.ts |   6 +-
 .../src/components/MkNumber.stories.ts        |   6 +-
 .../src/components/MkNumberDiff.stories.ts    |   6 +-
 .../src/components/MkObjectView.stories.ts    |   6 +-
 .../components/MkObjectView.value.stories.ts  |   6 +-
 .../frontend/src/components/MkOmit.stories.ts |   6 +-
 .../src/components/MkPagePreview.stories.ts   |   6 +-
 .../src/components/MkPageWindow.stories.ts    |   6 +-
 .../src/components/MkPagination.stories.ts    |   6 +-
 .../src/components/MkPlusOneEffect.stories.ts |   6 +-
 .../frontend/src/components/MkPoll.stories.ts |   6 +-
 .../src/components/MkPollEditor.stories.ts    |   6 +-
 .../src/components/MkPopupMenu.stories.ts     |   6 +-
 .../src/components/MkPostForm.stories.ts      |   6 +-
 .../components/MkPostFormAttaches.stories.ts  |   6 +-
 .../components/MkPostFormDialog.stories.ts    |   6 +-
 .../MkPushNotificationAllowButton.stories.ts  |   6 +-
 .../src/components/MkRadio.stories.ts         |   6 +-
 .../src/components/MkRadios.stories.ts        |   6 +-
 .../src/components/MkRange.stories.ts         |   6 +-
 .../MkReactedUsersDialog.stories.ts           |   6 +-
 .../components/MkReactionEffect.stories.ts    |   6 +-
 .../src/components/MkReactionIcon.stories.ts  |   6 +-
 .../components/MkReactionTooltip.stories.ts   |   6 +-
 .../MkReactionsViewer.details.stories.ts      |   6 +-
 .../MkReactionsViewer.reaction.stories.ts     |   6 +-
 .../components/MkReactionsViewer.stories.ts   |   6 +-
 .../src/components/MkRemoteCaution.stories.ts |   6 +-
 .../components/MkRetentionHeatmap.stories.ts  |   6 +-
 .../src/components/MkRippleEffect.stories.ts  |   6 +-
 .../src/components/MkRolePreview.stories.ts   |   6 +-
 .../src/components/MkSample.stories.ts        |   6 +-
 .../src/components/MkSelect.stories.ts        |   6 +-
 .../src/components/MkSignin.stories.ts        |   6 +-
 .../src/components/MkSigninDialog.stories.ts  |   6 +-
 .../src/components/MkSignup.stories.ts        |   6 +-
 .../src/components/MkSignupDialog.stories.ts  |   6 +-
 .../src/components/MkSparkle.stories.ts       |   6 +-
 .../components/MkSubNoteContent.stories.ts    |   6 +-
 .../src/components/MkSuperMenu.stories.ts     |   6 +-
 .../src/components/MkSwitch.stories.ts        |   6 +-
 .../frontend/src/components/MkTab.stories.ts  |   6 +-
 .../src/components/MkTagCloud.stories.ts      |   6 +-
 .../src/components/MkTextarea.stories.ts      |   6 +-
 .../src/components/MkTimeline.stories.ts      |   6 +-
 .../src/components/MkToast.stories.ts         |   6 +-
 .../MkTokenGenerateWindow.stories.ts          |   6 +-
 .../src/components/MkTooltip.stories.ts       |   6 +-
 .../src/components/MkUpdated.stories.ts       |   6 +-
 .../src/components/MkUrlPreview.stories.ts    |   6 +-
 .../components/MkUrlPreviewPopup.stories.ts   |   6 +-
 .../src/components/MkUserCardMini.stories.ts  |   6 +-
 .../src/components/MkUserInfo.stories.ts      |   6 +-
 .../src/components/MkUserList.stories.ts      |   6 +-
 .../MkUserOnlineIndicator.stories.ts          |   6 +-
 .../src/components/MkUserPopup.stories.ts     |   6 +-
 .../components/MkUserSelectDialog.stories.ts  |   6 +-
 .../src/components/MkUsersTooltip.stories.ts  |   6 +-
 .../components/MkVisibilityPicker.stories.ts  |   6 +-
 .../src/components/MkWaitingDialog.stories.ts |   6 +-
 .../src/components/MkWidgets.stories.ts       |   6 +-
 .../src/components/MkWindow.stories.ts        |   6 +-
 .../src/components/MkYouTubePlayer.stories.ts |   6 +-
 .../src/components/form/link.stories.ts       |   6 +-
 .../src/components/form/section.stories.ts    |   6 +-
 .../src/components/form/slot.stories.ts       |   6 +-
 .../src/components/form/split.stories.ts      |   6 +-
 .../src/components/form/suspense.stories.ts   |   6 +-
 .../src/components/global/MkA.stories.ts      |   6 +-
 .../src/components/global/MkAcct.stories.ts   |   6 +-
 .../src/components/global/MkAd.stories.ts     |   6 +-
 .../src/components/global/MkAvatar.stories.ts |   6 +-
 .../global/MkCustomEmoji.stories.ts           |   6 +-
 .../components/global/MkEllipsis.stories.ts   |   6 +-
 .../src/components/global/MkEmoji.stories.ts  |   6 +-
 .../src/components/global/MkError.stories.ts  |   6 +-
 .../components/global/MkLoading.stories.ts    |   6 +-
 .../MkMisskeyFlavoredMarkdown.stories.ts      |   6 +-
 .../components/global/MkPageHeader.stories.ts |   6 +-
 .../global/MkPageHeader.tabs.stories.ts       |   6 +-
 .../src/components/global/MkSpacer.stories.ts |   6 +-
 .../global/MkStickyContainer.stories.ts       |   6 +-
 .../src/components/global/MkTime.stories.ts   |   6 +-
 .../src/components/global/MkUrl.stories.ts    |   6 +-
 .../components/global/MkUserName.stories.ts   |   6 +-
 .../components/global/RouterView.stories.ts   |   6 +-
 .../src/components/page/page.block.stories.ts |   6 +-
 .../components/page/page.button.stories.ts    |   6 +-
 .../components/page/page.canvas.stories.ts    |   6 +-
 .../components/page/page.counter.stories.ts   |   6 +-
 .../src/components/page/page.if.stories.ts    |   6 +-
 .../src/components/page/page.image.stories.ts |   6 +-
 .../src/components/page/page.note.stories.ts  |   6 +-
 .../page/page.number-input.stories.ts         |   6 +-
 .../src/components/page/page.post.stories.ts  |   6 +-
 .../page/page.radio-button.stories.ts         |   6 +-
 .../components/page/page.section.stories.ts   |   6 +-
 .../src/components/page/page.stories.ts       |   6 +-
 .../components/page/page.switch.stories.ts    |   6 +-
 .../page/page.text-input.stories.ts           |   6 +-
 .../src/components/page/page.text.stories.ts  |   6 +-
 .../page/page.textarea-input.stories.ts       |   6 +-
 .../components/page/page.textarea.stories.ts  |   6 +-
 .../frontend/src/pages/_empty_.stories.ts     |   6 +-
 .../frontend/src/pages/_error_.stories.ts     |   6 +-
 .../frontend/src/pages/_loading_.stories.ts   |   6 +-
 .../src/pages/about-misskey.stories.ts        |   6 +-
 .../src/pages/about.emojis.stories.ts         |   6 +-
 .../src/pages/about.federation.stories.ts     |   6 +-
 packages/frontend/src/pages/about.stories.ts  |   6 +-
 .../src/pages/achievements.stories.ts         |   6 +-
 .../frontend/src/pages/admin-file.stories.ts  |   6 +-
 .../pages/admin/RolesEditorFormula.stories.ts |   6 +-
 .../src/pages/admin/_header_.stories.ts       |   6 +-
 .../src/pages/admin/abuses.stories.ts         |   6 +-
 .../frontend/src/pages/admin/ads.stories.ts   |   6 +-
 .../src/pages/admin/announcements.stories.ts  |   6 +-
 .../src/pages/admin/bot-protection.stories.ts |   6 +-
 .../src/pages/admin/database.stories.ts       |   6 +-
 .../src/pages/admin/email-settings.stories.ts |   6 +-
 .../src/pages/admin/federation.stories.ts     |   6 +-
 .../frontend/src/pages/admin/files.stories.ts |   6 +-
 .../frontend/src/pages/admin/index.stories.ts |   6 +-
 .../src/pages/admin/instance-block.stories.ts |   6 +-
 .../src/pages/admin/moderation.stories.ts     |   6 +-
 .../src/pages/admin/object-storage.stories.ts |   6 +-
 .../src/pages/admin/other-settings.stories.ts |   6 +-
 .../admin/overview.active-users.stories.ts    |   6 +-
 .../admin/overview.ap-requests.stories.ts     |   6 +-
 .../admin/overview.federation.stories.ts      |   6 +-
 .../pages/admin/overview.heatmap.stories.ts   |   6 +-
 .../pages/admin/overview.instances.stories.ts |   6 +-
 .../admin/overview.moderators.stories.ts      |   6 +-
 .../src/pages/admin/overview.pie.stories.ts   |   6 +-
 .../admin/overview.queue.chart.stories.ts     |   6 +-
 .../src/pages/admin/overview.queue.stories.ts |   6 +-
 .../pages/admin/overview.retention.stories.ts |   6 +-
 .../src/pages/admin/overview.stats.stories.ts |   6 +-
 .../src/pages/admin/overview.stories.ts       |   6 +-
 .../src/pages/admin/overview.users.stories.ts |   6 +-
 .../src/pages/admin/proxy-account.stories.ts  |   6 +-
 .../pages/admin/queue.chart.chart.stories.ts  |   6 +-
 .../src/pages/admin/queue.chart.stories.ts    |   6 +-
 .../frontend/src/pages/admin/queue.stories.ts |   6 +-
 .../src/pages/admin/relays.stories.ts         |   6 +-
 .../src/pages/admin/roles.edit.stories.ts     |   6 +-
 .../src/pages/admin/roles.editor.stories.ts   |   6 +-
 .../src/pages/admin/roles.role.stories.ts     |   6 +-
 .../frontend/src/pages/admin/roles.stories.ts |   6 +-
 .../src/pages/admin/security.stories.ts       |   6 +-
 .../src/pages/admin/settings.stories.ts       |   6 +-
 .../frontend/src/pages/admin/users.stories.ts |   6 +-
 packages/frontend/src/pages/ads.stories.ts    |   6 +-
 .../src/pages/announcements.stories.ts        |   6 +-
 .../src/pages/antenna-timeline.stories.ts     |   6 +-
 .../frontend/src/pages/api-console.stories.ts |   6 +-
 .../frontend/src/pages/auth.form.stories.ts   |   6 +-
 packages/frontend/src/pages/auth.stories.ts   |   6 +-
 .../src/pages/channel-editor.stories.ts       |   6 +-
 .../frontend/src/pages/channel.stories.ts     |   6 +-
 .../frontend/src/pages/channels.stories.ts    |   6 +-
 .../frontend/src/pages/clicker.stories.ts     |   6 +-
 packages/frontend/src/pages/clip.stories.ts   |   6 +-
 .../pages/custom-emojis-manager.stories.ts    |   6 +-
 packages/frontend/src/pages/drive.stories.ts  |   6 +-
 .../src/pages/emoji-edit-dialog.stories.ts    |   6 +-
 .../src/pages/emojis.emoji.stories.ts         |   6 +-
 .../src/pages/explore.featured.stories.ts     |   6 +-
 .../src/pages/explore.roles.stories.ts        |   6 +-
 .../frontend/src/pages/explore.stories.ts     |   6 +-
 .../src/pages/explore.users.stories.ts        |   6 +-
 .../frontend/src/pages/favorites.stories.ts   |   6 +-
 .../src/pages/flash/flash-edit.stories.ts     |   6 +-
 .../src/pages/flash/flash-index.stories.ts    |   6 +-
 .../frontend/src/pages/flash/flash.stories.ts |   6 +-
 .../src/pages/follow-requests.stories.ts      |   6 +-
 packages/frontend/src/pages/follow.stories.ts |   6 +-
 .../src/pages/gallery/edit.stories.ts         |   6 +-
 .../src/pages/gallery/index.stories.ts        |   6 +-
 .../src/pages/gallery/post.stories.ts         |   6 +-
 .../src/pages/instance-info.stories.ts        |   6 +-
 packages/frontend/src/pages/miauth.stories.ts |   6 +-
 .../src/pages/my-antennas/create.stories.ts   |   6 +-
 .../src/pages/my-antennas/edit.stories.ts     |   6 +-
 .../src/pages/my-antennas/editor.stories.ts   |   6 +-
 .../src/pages/my-antennas/index.stories.ts    |   6 +-
 .../src/pages/my-clips/index.stories.ts       |   6 +-
 .../src/pages/my-lists/index.stories.ts       |   6 +-
 .../src/pages/my-lists/list.stories.ts        |   6 +-
 .../frontend/src/pages/not-found.stories.ts   |   6 +-
 packages/frontend/src/pages/note.stories.ts   |   6 +-
 .../src/pages/notifications.stories.ts        |   6 +-
 .../els/page-editor.el.image.stories.ts       |   6 +-
 .../els/page-editor.el.note.stories.ts        |   6 +-
 .../els/page-editor.el.section.stories.ts     |   6 +-
 .../els/page-editor.el.text.stories.ts        |   6 +-
 .../page-editor/page-editor.blocks.stories.ts |   6 +-
 .../page-editor.container.stories.ts          |   6 +-
 .../pages/page-editor/page-editor.stories.ts  |   6 +-
 packages/frontend/src/pages/page.stories.ts   |   6 +-
 packages/frontend/src/pages/pages.stories.ts  |   6 +-
 .../frontend/src/pages/preview.stories.ts     |   6 +-
 .../src/pages/registry.keys.stories.ts        |   6 +-
 .../frontend/src/pages/registry.stories.ts    |   6 +-
 .../src/pages/registry.value.stories.ts       |   6 +-
 .../src/pages/reset-password.stories.ts       |   6 +-
 packages/frontend/src/pages/role.stories.ts   |   6 +-
 .../frontend/src/pages/scratchpad.stories.ts  |   6 +-
 packages/frontend/src/pages/search.stories.ts |   6 +-
 .../pages/settings/2fa.qrdialog.stories.ts    |   6 +-
 .../src/pages/settings/2fa.stories.ts         |   6 +-
 .../pages/settings/account-info.stories.ts    |   6 +-
 .../src/pages/settings/accounts.stories.ts    |   6 +-
 .../src/pages/settings/api.stories.ts         |   6 +-
 .../src/pages/settings/apps.stories.ts        |   6 +-
 .../src/pages/settings/custom-css.stories.ts  |   6 +-
 .../src/pages/settings/deck.stories.ts        |   6 +-
 .../pages/settings/delete-account.stories.ts  |   6 +-
 .../src/pages/settings/drive.stories.ts       |   6 +-
 .../src/pages/settings/email.stories.ts       |   6 +-
 .../src/pages/settings/general.stories.ts     |   6 +-
 .../pages/settings/import-export.stories.ts   |   6 +-
 .../src/pages/settings/index.stories.ts       |   6 +-
 .../pages/settings/instance-mute.stories.ts   |   6 +-
 .../src/pages/settings/mute-block.stories.ts  |   6 +-
 .../src/pages/settings/navbar.stories.ts      |   6 +-
 .../pages/settings/notifications.stories.ts   |   6 +-
 .../src/pages/settings/other.stories.ts       |   6 +-
 .../pages/settings/plugin.install.stories.ts  |   6 +-
 .../src/pages/settings/plugin.stories.ts      |   6 +-
 .../settings/preferences-backups.stories.ts   |   6 +-
 .../src/pages/settings/privacy.stories.ts     |   6 +-
 .../src/pages/settings/profile.stories.ts     |   6 +-
 .../src/pages/settings/reaction.stories.ts    |   6 +-
 .../src/pages/settings/roles.stories.ts       |   6 +-
 .../src/pages/settings/security.stories.ts    |   6 +-
 .../pages/settings/sounds.sound.stories.ts    |   6 +-
 .../src/pages/settings/sounds.stories.ts      |   6 +-
 .../settings/statusbar.statusbar.stories.ts   |   6 +-
 .../src/pages/settings/statusbar.stories.ts   |   6 +-
 .../pages/settings/theme.install.stories.ts   |   6 +-
 .../pages/settings/theme.manage.stories.ts    |   6 +-
 .../src/pages/settings/theme.stories.ts       |   6 +-
 .../pages/settings/webhook.edit.stories.ts    |   6 +-
 .../src/pages/settings/webhook.new.stories.ts |   6 +-
 .../src/pages/settings/webhook.stories.ts     |   6 +-
 .../src/pages/settings/word-mute.stories.ts   |   6 +-
 packages/frontend/src/pages/share.stories.ts  |   6 +-
 .../src/pages/signup-complete.stories.ts      |   6 +-
 packages/frontend/src/pages/tag.stories.ts    |   6 +-
 .../src/pages/theme-editor.stories.ts         |   6 +-
 .../frontend/src/pages/timeline.stories.ts    |   6 +-
 .../src/pages/timeline.tutorial.stories.ts    |   6 +-
 .../frontend/src/pages/user-info.stories.ts   |   6 +-
 .../src/pages/user-list-timeline.stories.ts   |   6 +-
 .../frontend/src/pages/user-tag.stories.ts    |   6 +-
 .../src/pages/user/achievements.stories.ts    |   6 +-
 .../pages/user/activity.following.stories.ts  |   6 +-
 .../pages/user/activity.heatmap.stories.ts    |   6 +-
 .../src/pages/user/activity.notes.stories.ts  |   6 +-
 .../src/pages/user/activity.pv.stories.ts     |   6 +-
 .../src/pages/user/activity.stories.ts        |   6 +-
 .../frontend/src/pages/user/clips.stories.ts  |   6 +-
 .../src/pages/user/follow-list.stories.ts     |   6 +-
 .../src/pages/user/followers.stories.ts       |   6 +-
 .../src/pages/user/following.stories.ts       |   6 +-
 .../src/pages/user/gallery.stories.ts         |   6 +-
 .../frontend/src/pages/user/home.stories.ts   |   6 +-
 .../src/pages/user/index.activity.stories.ts  |   6 +-
 .../src/pages/user/index.photos.stories.ts    |   6 +-
 .../frontend/src/pages/user/index.stories.ts  |   6 +-
 .../src/pages/user/index.timeline.stories.ts  |   6 +-
 .../frontend/src/pages/user/pages.stories.ts  |   6 +-
 .../src/pages/user/reactions.stories.ts       |   6 +-
 .../src/pages/welcome.entrance.a.stories.ts   |   6 +-
 .../src/pages/welcome.entrance.b.stories.ts   |   6 +-
 .../src/pages/welcome.entrance.c.stories.ts   |   6 +-
 .../src/pages/welcome.setup.stories.ts        |   6 +-
 .../frontend/src/pages/welcome.stories.ts     |   6 +-
 .../src/pages/welcome.timeline.stories.ts     |   6 +-
 .../src/ui/_common_/common.stories.ts         |   6 +-
 .../ui/_common_/navbar-for-mobile.stories.ts  |   6 +-
 .../src/ui/_common_/navbar.stories.ts         |   6 +-
 .../src/ui/_common_/notification.stories.ts   |   6 +-
 .../_common_/statusbar-federation.stories.ts  |   6 +-
 .../src/ui/_common_/statusbar-rss.stories.ts  |   6 +-
 .../_common_/statusbar-user-list.stories.ts   |   6 +-
 .../src/ui/_common_/statusbars.stories.ts     |   6 +-
 .../ui/_common_/stream-indicator.stories.ts   |   6 +-
 .../src/ui/_common_/upload.stories.ts         |   6 +-
 .../frontend/src/ui/classic.header.stories.ts |   6 +-
 .../src/ui/classic.sidebar.stories.ts         |   6 +-
 packages/frontend/src/ui/classic.stories.ts   |   6 +-
 packages/frontend/src/ui/deck.stories.ts      |   6 +-
 .../src/ui/deck/antenna-column.stories.ts     |   6 +-
 .../src/ui/deck/channel-column.stories.ts     |   6 +-
 .../src/ui/deck/column-core.stories.ts        |   6 +-
 .../frontend/src/ui/deck/column.stories.ts    |   6 +-
 .../src/ui/deck/direct-column.stories.ts      |   6 +-
 .../src/ui/deck/list-column.stories.ts        |   6 +-
 .../src/ui/deck/main-column.stories.ts        |   6 +-
 .../src/ui/deck/mentions-column.stories.ts    |   6 +-
 .../ui/deck/notifications-column.stories.ts   |   6 +-
 .../frontend/src/ui/deck/tl-column.stories.ts |   6 +-
 .../src/ui/deck/widgets-column.stories.ts     |   6 +-
 packages/frontend/src/ui/universal.stories.ts |   6 +-
 .../src/ui/universal.widgets.stories.ts       |   6 +-
 packages/frontend/src/ui/visitor.stories.ts   |   6 +-
 packages/frontend/src/ui/visitor/a.stories.ts |   6 +-
 packages/frontend/src/ui/visitor/b.stories.ts |   6 +-
 .../frontend/src/ui/visitor/header.stories.ts |   6 +-
 .../frontend/src/ui/visitor/kanban.stories.ts |   6 +-
 packages/frontend/src/ui/zen.stories.ts       |   6 +-
 .../WidgetActivity.calendar.stories.ts        |   6 +-
 .../widgets/WidgetActivity.chart.stories.ts   |   6 +-
 .../src/widgets/WidgetActivity.stories.ts     |   6 +-
 .../src/widgets/WidgetAichan.stories.ts       |   6 +-
 .../src/widgets/WidgetAiscript.stories.ts     |   6 +-
 .../src/widgets/WidgetAiscriptApp.stories.ts  |   6 +-
 .../src/widgets/WidgetButton.stories.ts       |   6 +-
 .../src/widgets/WidgetCalendar.stories.ts     |   6 +-
 .../src/widgets/WidgetClicker.stories.ts      |   6 +-
 .../src/widgets/WidgetClock.stories.ts        |   6 +-
 .../src/widgets/WidgetDigitalClock.stories.ts |   6 +-
 .../src/widgets/WidgetFederation.stories.ts   |   6 +-
 .../widgets/WidgetInstanceCloud.stories.ts    |   6 +-
 .../src/widgets/WidgetInstanceInfo.stories.ts |   6 +-
 .../src/widgets/WidgetJobQueue.stories.ts     |   6 +-
 .../src/widgets/WidgetMemo.stories.ts         |   6 +-
 .../widgets/WidgetNotifications.stories.ts    |   6 +-
 .../src/widgets/WidgetOnlineUsers.stories.ts  |   6 +-
 .../src/widgets/WidgetPhotos.stories.ts       |   6 +-
 .../src/widgets/WidgetPostForm.stories.ts     |   6 +-
 .../src/widgets/WidgetProfile.stories.ts      |   6 +-
 .../frontend/src/widgets/WidgetRss.stories.ts |   6 +-
 .../src/widgets/WidgetRssTicker.stories.ts    |   6 +-
 .../src/widgets/WidgetSlideshow.stories.ts    |   6 +-
 .../src/widgets/WidgetTimeline.stories.ts     |   6 +-
 .../src/widgets/WidgetTrends.stories.ts       |   6 +-
 .../src/widgets/WidgetUnixClock.stories.ts    |   6 +-
 .../src/widgets/WidgetUserList.stories.ts     |   6 +-
 .../widgets/server-metric/cpu-mem.stories.ts  |   6 +-
 .../src/widgets/server-metric/cpu.stories.ts  |   6 +-
 .../src/widgets/server-metric/disk.stories.ts |   6 +-
 .../widgets/server-metric/index.stories.ts    |   6 +-
 .../src/widgets/server-metric/mem.stories.ts  |   6 +-
 .../src/widgets/server-metric/net.stories.ts  |   6 +-
 .../src/widgets/server-metric/pie.stories.ts  |   6 +-
 431 files changed, 1414 insertions(+), 1383 deletions(-)

diff --git a/packages/frontend/.storybook/generate.tsx b/packages/frontend/.storybook/generate.tsx
index 4e3705a041..327ed4bc79 100644
--- a/packages/frontend/.storybook/generate.tsx
+++ b/packages/frontend/.storybook/generate.tsx
@@ -2,11 +2,26 @@ import { existsSync, readFileSync } from 'node:fs';
 import { writeFile } from 'node:fs/promises';
 import { basename, dirname } from 'node:path/posix';
 import { promisify } from 'node:util';
-import { generate } from 'astring';
+import { GENERATOR, type State, generate } from 'astring';
 import type * as estree from 'estree';
 import * as glob from 'glob';
 import { format } from 'prettier';
 
+interface SatisfiesExpression extends estree.BaseExpression {
+	type: 'SatisfiesExpression';
+	expression: estree.Expression;
+	reference: estree.Identifier;
+}
+
+const generator = {
+	...GENERATOR,
+	SatisfiesExpression(node: SatisfiesExpression, state: State) {
+		this[node.expression.type](node.expression, state);
+		state.write(' satisfies ');
+		this[node.reference.type](node.reference, state);
+	},
+}
+
 function h<T extends estree.Node>(component: T['type'], props: Omit<T, 'type'>): T {
 	const type = component.replace(/(?:^|-)([a-z])/g, (_, c) => c.toUpperCase());
 	return Object.assign(props, { type }) as T;
@@ -56,10 +71,14 @@ function toStories(component: string): string {
 							local={<identifier name="Meta" />}
 							imported={<identifier name="Meta" />}
 						/>,
-						<import-specifier
-							local={<identifier name="Story" />}
-							imported={<identifier name="Story" />}
-						/>,
+						...hasImplStories
+							? []
+							: [
+									<import-specifier
+										local={<identifier name="StoryObj" />}
+										imported={<identifier name="StoryObj" />}
+									/>,
+								],
 					]}
 				/>,
 				...hasMsw
@@ -93,19 +112,24 @@ function toStories(component: string): string {
 						<variable-declarator
 							id={<identifier name="meta" />}
 							init={
-								<object-expression
-									properties={[
-										<property
-											key={<identifier name="title" />}
-											value={literal}
-											kind="init"
-										/>,
-										<property
-											key={<identifier name="component" />}
-											value={identifier}
-											kind="init"
-										/>,
-									]}
+								<satisfies-expression
+									expression={
+										<object-expression
+											properties={[
+												<property
+													key={<identifier name="title" />}
+													value={literal}
+													kind="init"
+												/>,
+												<property
+													key={<identifier name="component" />}
+													value={identifier}
+													kind="init"
+												/>,
+											]}
+										/>
+									}
+									reference={<identifier name={`Meta<typeof ${identifier.name}>`} />}
 								/>
 							}
 						/>,
@@ -123,89 +147,94 @@ function toStories(component: string): string {
 											<variable-declarator
 												id={<identifier name="Default" />}
 												init={
-													<object-expression
-														properties={[
-															<property
-																key={<identifier name="render" />}
-																value={
-																	<function-expression
-																		id={<identifier name="render" />}
-																		params={[
-																			<identifier name="args" />,
-																			<object-pattern
-																				properties={[
-																					<property
-																						key={<identifier name="argTypes" />}
-																						value={<identifier name="argTypes" />}
-																						kind="init"
-																						shorthand
+													<satisfies-expression
+														expression={
+															<object-expression
+																properties={[
+																	<property
+																		key={<identifier name="render" />}
+																		value={
+																			<function-expression
+																				id={<identifier name="render" />}
+																				params={[
+																					<identifier name="args" />,
+																					<object-pattern
+																						properties={[
+																							<property
+																								key={<identifier name="argTypes" />}
+																								value={<identifier name="argTypes" />}
+																								kind="init"
+																								shorthand
+																							/>,
+																						]}
 																					/>,
 																				]}
-																			/>,
-																		]}
-																		body={
-																			<block-statement
-																				body={[
-																					<return-statement
-																						argument={
-																							<object-expression
-																								properties={[
-																									<property
-																										key={<identifier name="components" />}
-																										value={
-																											<object-expression
-																												properties={[
-																													<property
-																														key={identifier}
-																														value={identifier}
-																														kind="init"
-																														shorthand
-																													/>,
-																												]}
-																											/>
-																										}
-																										kind="init"
-																									/>,
-																									<property
-																										key={<identifier name="props" />}
-																										value={
-																											<call-expression
-																												callee={
-																													<member-expression
-																														object={<identifier name="Object" />}
-																														property={<identifier name="keys" />}
+																				body={
+																					<block-statement
+																						body={[
+																							<return-statement
+																								argument={
+																									<object-expression
+																										properties={[
+																											<property
+																												key={<identifier name="components" />}
+																												value={
+																													<object-expression
+																														properties={[
+																															<property
+																																key={identifier}
+																																value={identifier}
+																																kind="init"
+																																shorthand
+																															/>,
+																														]}
 																													/>
 																												}
-																												arguments={[
-																													<identifier name="argTypes" />,
-																												]}
-																											/>
-																										}
-																										kind="init"
-																									/>,
-																									<property
-																										key={<identifier name="template" />}
-																										value={<literal value={`<${identifier.name} v-bind="$props" />`} />}
-																										kind="init"
-																									/>,
-																								]}
-																							/>
-																						}
-																					/>,
-																				]}
+																												kind="init"
+																											/>,
+																											<property
+																												key={<identifier name="props" />}
+																												value={
+																													<call-expression
+																														callee={
+																															<member-expression
+																																object={<identifier name="Object" />}
+																																property={<identifier name="keys" />}
+																															/>
+																														}
+																														arguments={[
+																															<identifier name="argTypes" />,
+																														]}
+																													/>
+																												}
+																												kind="init"
+																											/>,
+																											<property
+																												key={<identifier name="template" />}
+																												value={<literal value={`<${identifier.name} v-bind="$props" />`} />}
+																												kind="init"
+																											/>,
+																										]}
+																									/>
+																								}
+																							/>,
+																						]}
+																					/>
+																				}
 																			/>
 																		}
-																	/>
-																}
-																method
-																kind="init"
-															/>,
-															<property
-																key={<identifier name="parameters" />}
-																value={parameters}
-																kind="init"
-															/>,
-														]}
+																		method
+																		kind="init"
+																	/>,
+																	<property
+																		key={<identifier name="parameters" />}
+																		value={parameters}
+																		kind="init"
+																	/>,
+																]}
+															/>
+														}
+														reference={<identifier name={`StoryObj<typeof ${identifier.name}>`} />}
 													/>
 												}
 											/>,
@@ -221,7 +250,7 @@ function toStories(component: string): string {
 		/>
 	) as unknown as estree.Program;
 	return format(
-		generate(program) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
+		generate(program, { generator }) + (hasImplStories ? readFileSync(`${implStories}.ts`, 'utf-8') : ''),
 		{
 			parser: 'babel-ts',
 			singleQuote: true,
diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts
index e3a87b80fd..f46a44f81d 100644
--- a/packages/frontend/src/components/MkAbuseReport.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReport.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAbuseReport from './MkAbuseReport.vue';
 const meta = {
 	title: 'components/MkAbuseReport',
 	component: MkAbuseReport,
-};
+} satisfies Meta<typeof MkAbuseReport>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAbuseReport>;
 export default meta;
diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
index 47b0923e9a..7db3344385 100644
--- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
+++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAbuseReportWindow from './MkAbuseReportWindow.vue';
 const meta = {
 	title: 'components/MkAbuseReportWindow',
 	component: MkAbuseReportWindow,
-};
+} satisfies Meta<typeof MkAbuseReportWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAbuseReportWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts
index 9c0b1aec8d..d2a84d6dd9 100644
--- a/packages/frontend/src/components/MkAchievements.stories.ts
+++ b/packages/frontend/src/components/MkAchievements.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAchievements from './MkAchievements.vue';
 const meta = {
 	title: 'components/MkAchievements',
 	component: MkAchievements,
-};
+} satisfies Meta<typeof MkAchievements>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAchievements>;
 export default meta;
diff --git a/packages/frontend/src/components/MkAnalogClock.stories.ts b/packages/frontend/src/components/MkAnalogClock.stories.ts
index 464a4bbf8e..2d034c2ac7 100644
--- a/packages/frontend/src/components/MkAnalogClock.stories.ts
+++ b/packages/frontend/src/components/MkAnalogClock.stories.ts
@@ -1,8 +1,8 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta } from '@storybook/vue3';
 const meta = {
 	title: 'components/MkAnalogClock',
 	component: MkAnalogClock,
-};
+} satisfies Meta<typeof MkAnalogClock>;
 export default meta;
 import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts
index 7ad72bef43..1cb16883a4 100644
--- a/packages/frontend/src/components/MkAsUi.stories.ts
+++ b/packages/frontend/src/components/MkAsUi.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAsUi from './MkAsUi.vue';
 const meta = {
 	title: 'components/MkAsUi',
 	component: MkAsUi,
-};
+} satisfies Meta<typeof MkAsUi>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAsUi>;
 export default meta;
diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts
index c6a0f6be63..b0d5b9f132 100644
--- a/packages/frontend/src/components/MkAutocomplete.stories.ts
+++ b/packages/frontend/src/components/MkAutocomplete.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAutocomplete from './MkAutocomplete.vue';
 const meta = {
 	title: 'components/MkAutocomplete',
 	component: MkAutocomplete,
-};
+} satisfies Meta<typeof MkAutocomplete>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAutocomplete>;
 export default meta;
diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts
index bc2a82c842..690030b46f 100644
--- a/packages/frontend/src/components/MkAvatars.stories.ts
+++ b/packages/frontend/src/components/MkAvatars.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAvatars from './MkAvatars.vue';
 const meta = {
 	title: 'components/MkAvatars',
 	component: MkAvatars,
-};
+} satisfies Meta<typeof MkAvatars>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAvatars>;
 export default meta;
diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts
index 72ccdaab0b..94bf1e39b2 100644
--- a/packages/frontend/src/components/MkButton.stories.impl.ts
+++ b/packages/frontend/src/components/MkButton.stories.impl.ts
@@ -1,3 +1,4 @@
+import { StoryObj } from '@storybook/vue3';
 import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
@@ -12,4 +13,4 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkButton>;
diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts
index fb56501b9c..2328de28db 100644
--- a/packages/frontend/src/components/MkButton.stories.ts
+++ b/packages/frontend/src/components/MkButton.stories.ts
@@ -1,9 +1,10 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta } from '@storybook/vue3';
 const meta = {
 	title: 'components/MkButton',
 	component: MkButton,
-};
+} satisfies Meta<typeof MkButton>;
 export default meta;
+import { StoryObj } from '@storybook/vue3';
 import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
@@ -18,4 +19,4 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkButton>;
diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts
index e58f36ccff..8db28448b3 100644
--- a/packages/frontend/src/components/MkCaptcha.stories.ts
+++ b/packages/frontend/src/components/MkCaptcha.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCaptcha from './MkCaptcha.vue';
 const meta = {
 	title: 'components/MkCaptcha',
 	component: MkCaptcha,
-};
+} satisfies Meta<typeof MkCaptcha>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCaptcha>;
 export default meta;
diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
index 889b9a7f09..71ee9331c6 100644
--- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkChannelFollowButton from './MkChannelFollowButton.vue';
 const meta = {
 	title: 'components/MkChannelFollowButton',
 	component: MkChannelFollowButton,
-};
+} satisfies Meta<typeof MkChannelFollowButton>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkChannelFollowButton>;
 export default meta;
diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts
index a4537bee52..9d850794a0 100644
--- a/packages/frontend/src/components/MkChannelPreview.stories.ts
+++ b/packages/frontend/src/components/MkChannelPreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkChannelPreview from './MkChannelPreview.vue';
 const meta = {
 	title: 'components/MkChannelPreview',
 	component: MkChannelPreview,
-};
+} satisfies Meta<typeof MkChannelPreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkChannelPreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts
index 8d4b633edf..feb9904044 100644
--- a/packages/frontend/src/components/MkChart.stories.ts
+++ b/packages/frontend/src/components/MkChart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkChart from './MkChart.vue';
 const meta = {
 	title: 'components/MkChart',
 	component: MkChart,
-};
+} satisfies Meta<typeof MkChart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkChart>;
 export default meta;
diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts
index fcc39a6a46..62186992bb 100644
--- a/packages/frontend/src/components/MkChartLegend.stories.ts
+++ b/packages/frontend/src/components/MkChartLegend.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkChartLegend from './MkChartLegend.vue';
 const meta = {
 	title: 'components/MkChartLegend',
 	component: MkChartLegend,
-};
+} satisfies Meta<typeof MkChartLegend>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkChartLegend>;
 export default meta;
diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts
index d0ab98b975..f3ff7d39fc 100644
--- a/packages/frontend/src/components/MkChartTooltip.stories.ts
+++ b/packages/frontend/src/components/MkChartTooltip.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkChartTooltip from './MkChartTooltip.vue';
 const meta = {
 	title: 'components/MkChartTooltip',
 	component: MkChartTooltip,
-};
+} satisfies Meta<typeof MkChartTooltip>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkChartTooltip>;
 export default meta;
diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts
index 177b8a6402..b7b5c230bf 100644
--- a/packages/frontend/src/components/MkCheckbox.stories.ts
+++ b/packages/frontend/src/components/MkCheckbox.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCheckbox from './MkCheckbox.vue';
 const meta = {
 	title: 'components/MkCheckbox',
 	component: MkCheckbox,
-};
+} satisfies Meta<typeof MkCheckbox>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCheckbox>;
 export default meta;
diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts
index c56ec9bd1a..15b3a7785f 100644
--- a/packages/frontend/src/components/MkClickerGame.stories.ts
+++ b/packages/frontend/src/components/MkClickerGame.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkClickerGame from './MkClickerGame.vue';
 const meta = {
 	title: 'components/MkClickerGame',
 	component: MkClickerGame,
-};
+} satisfies Meta<typeof MkClickerGame>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkClickerGame>;
 export default meta;
diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts
index 422d12fab1..4351df3c47 100644
--- a/packages/frontend/src/components/MkClipPreview.stories.ts
+++ b/packages/frontend/src/components/MkClipPreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkClipPreview from './MkClipPreview.vue';
 const meta = {
 	title: 'components/MkClipPreview',
 	component: MkClipPreview,
-};
+} satisfies Meta<typeof MkClipPreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkClipPreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts
index 53b41eb0c9..b3c43223bc 100644
--- a/packages/frontend/src/components/MkCode.core.stories.ts
+++ b/packages/frontend/src/components/MkCode.core.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCode_core from './MkCode.core.vue';
 const meta = {
 	title: 'components/MkCode.core',
 	component: MkCode_core,
-};
+} satisfies Meta<typeof MkCode_core>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCode_core>;
 export default meta;
diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts
index 1f6d4daff0..d09c095146 100644
--- a/packages/frontend/src/components/MkCode.stories.ts
+++ b/packages/frontend/src/components/MkCode.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCode from './MkCode.vue';
 const meta = {
 	title: 'components/MkCode',
 	component: MkCode,
-};
+} satisfies Meta<typeof MkCode>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCode>;
 export default meta;
diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts
index cd07161ce9..93f4846fc9 100644
--- a/packages/frontend/src/components/MkContainer.stories.ts
+++ b/packages/frontend/src/components/MkContainer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkContainer from './MkContainer.vue';
 const meta = {
 	title: 'components/MkContainer',
 	component: MkContainer,
-};
+} satisfies Meta<typeof MkContainer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkContainer>;
 export default meta;
diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts
index 927e51c8a1..4108faa34b 100644
--- a/packages/frontend/src/components/MkContextMenu.stories.ts
+++ b/packages/frontend/src/components/MkContextMenu.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkContextMenu from './MkContextMenu.vue';
 const meta = {
 	title: 'components/MkContextMenu',
 	component: MkContextMenu,
-};
+} satisfies Meta<typeof MkContextMenu>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkContextMenu>;
 export default meta;
diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts
index 3896c88404..2ed84b402c 100644
--- a/packages/frontend/src/components/MkCropperDialog.stories.ts
+++ b/packages/frontend/src/components/MkCropperDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCropperDialog from './MkCropperDialog.vue';
 const meta = {
 	title: 'components/MkCropperDialog',
 	component: MkCropperDialog,
-};
+} satisfies Meta<typeof MkCropperDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCropperDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts
index 1a7398a951..408ce9f2d6 100644
--- a/packages/frontend/src/components/MkCwButton.stories.ts
+++ b/packages/frontend/src/components/MkCwButton.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCwButton from './MkCwButton.vue';
 const meta = {
 	title: 'components/MkCwButton',
 	component: MkCwButton,
-};
+} satisfies Meta<typeof MkCwButton>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCwButton>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
index 719734a08f..d4852f43b8 100644
--- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts
+++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDateSeparatedList from './MkDateSeparatedList.vue';
 const meta = {
 	title: 'components/MkDateSeparatedList',
 	component: MkDateSeparatedList,
-};
+} satisfies Meta<typeof MkDateSeparatedList>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDateSeparatedList>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts
index 939cc9a571..e34e076a99 100644
--- a/packages/frontend/src/components/MkDialog.stories.ts
+++ b/packages/frontend/src/components/MkDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDialog from './MkDialog.vue';
 const meta = {
 	title: 'components/MkDialog',
 	component: MkDialog,
-};
+} satisfies Meta<typeof MkDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts
index 86706bde1e..8f0c5e02b3 100644
--- a/packages/frontend/src/components/MkDigitalClock.stories.ts
+++ b/packages/frontend/src/components/MkDigitalClock.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDigitalClock from './MkDigitalClock.vue';
 const meta = {
 	title: 'components/MkDigitalClock',
 	component: MkDigitalClock,
-};
+} satisfies Meta<typeof MkDigitalClock>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDigitalClock>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts
index ae57ad2502..c62748cc65 100644
--- a/packages/frontend/src/components/MkDonation.stories.ts
+++ b/packages/frontend/src/components/MkDonation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDonation from './MkDonation.vue';
 const meta = {
 	title: 'components/MkDonation',
 	component: MkDonation,
-};
+} satisfies Meta<typeof MkDonation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDonation>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts
index c873285b4f..f64f4593b2 100644
--- a/packages/frontend/src/components/MkDrive.file.stories.ts
+++ b/packages/frontend/src/components/MkDrive.file.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDrive_file from './MkDrive.file.vue';
 const meta = {
 	title: 'components/MkDrive.file',
 	component: MkDrive_file,
-};
+} satisfies Meta<typeof MkDrive_file>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDrive_file>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts
index 3d70a81bb4..c1774428f0 100644
--- a/packages/frontend/src/components/MkDrive.folder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.folder.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDrive_folder from './MkDrive.folder.vue';
 const meta = {
 	title: 'components/MkDrive.folder',
 	component: MkDrive_folder,
-};
+} satisfies Meta<typeof MkDrive_folder>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDrive_folder>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
index 1279d9eae1..d0d405538e 100644
--- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts
+++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDrive_navFolder from './MkDrive.navFolder.vue';
 const meta = {
 	title: 'components/MkDrive.navFolder',
 	component: MkDrive_navFolder,
-};
+} satisfies Meta<typeof MkDrive_navFolder>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDrive_navFolder>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts
index f581ddabeb..a90fdf3623 100644
--- a/packages/frontend/src/components/MkDrive.stories.ts
+++ b/packages/frontend/src/components/MkDrive.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDrive from './MkDrive.vue';
 const meta = {
 	title: 'components/MkDrive',
 	component: MkDrive,
-};
+} satisfies Meta<typeof MkDrive>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDrive>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
index 9e6e078c06..13eae1240a 100644
--- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
+++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDriveFileThumbnail from './MkDriveFileThumbnail.vue';
 const meta = {
 	title: 'components/MkDriveFileThumbnail',
 	component: MkDriveFileThumbnail,
-};
+} satisfies Meta<typeof MkDriveFileThumbnail>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDriveFileThumbnail>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
index 39a7828b4f..d5090fdc8a 100644
--- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDriveSelectDialog from './MkDriveSelectDialog.vue';
 const meta = {
 	title: 'components/MkDriveSelectDialog',
 	component: MkDriveSelectDialog,
-};
+} satisfies Meta<typeof MkDriveSelectDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDriveSelectDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts
index 29cdd5228e..23fe35f156 100644
--- a/packages/frontend/src/components/MkDriveWindow.stories.ts
+++ b/packages/frontend/src/components/MkDriveWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkDriveWindow from './MkDriveWindow.vue';
 const meta = {
 	title: 'components/MkDriveWindow',
 	component: MkDriveWindow,
-};
+} satisfies Meta<typeof MkDriveWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkDriveWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
index 60ea8fac00..b4d26bb58e 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEmojiPicker_section from './MkEmojiPicker.section.vue';
 const meta = {
 	title: 'components/MkEmojiPicker.section',
 	component: MkEmojiPicker_section,
-};
+} satisfies Meta<typeof MkEmojiPicker_section>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEmojiPicker_section>;
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts
index 06b41d28d7..74a6a35806 100644
--- a/packages/frontend/src/components/MkEmojiPicker.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEmojiPicker from './MkEmojiPicker.vue';
 const meta = {
 	title: 'components/MkEmojiPicker',
 	component: MkEmojiPicker,
-};
+} satisfies Meta<typeof MkEmojiPicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEmojiPicker>;
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
index 56ab6ac013..b3ed21972c 100644
--- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEmojiPickerDialog from './MkEmojiPickerDialog.vue';
 const meta = {
 	title: 'components/MkEmojiPickerDialog',
 	component: MkEmojiPickerDialog,
-};
+} satisfies Meta<typeof MkEmojiPickerDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEmojiPickerDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
index 470bacaf2c..6251b2c522 100644
--- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
+++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEmojiPickerWindow from './MkEmojiPickerWindow.vue';
 const meta = {
 	title: 'components/MkEmojiPickerWindow',
 	component: MkEmojiPickerWindow,
-};
+} satisfies Meta<typeof MkEmojiPickerWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEmojiPickerWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
index 0da9787c9c..606c182f66 100644
--- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
+++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFeaturedPhotos from './MkFeaturedPhotos.vue';
 const meta = {
 	title: 'components/MkFeaturedPhotos',
 	component: MkFeaturedPhotos,
-};
+} satisfies Meta<typeof MkFeaturedPhotos>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFeaturedPhotos>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
index 2ade1eef49..b085478b4e 100644
--- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
+++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFileCaptionEditWindow from './MkFileCaptionEditWindow.vue';
 const meta = {
 	title: 'components/MkFileCaptionEditWindow',
 	component: MkFileCaptionEditWindow,
-};
+} satisfies Meta<typeof MkFileCaptionEditWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFileCaptionEditWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
index 22386b84c2..22da12b766 100644
--- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts
+++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFileListForAdmin from './MkFileListForAdmin.vue';
 const meta = {
 	title: 'components/MkFileListForAdmin',
 	component: MkFileListForAdmin,
-};
+} satisfies Meta<typeof MkFileListForAdmin>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFileListForAdmin>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts
index b8d218ed70..2827c4450d 100644
--- a/packages/frontend/src/components/MkFlashPreview.stories.ts
+++ b/packages/frontend/src/components/MkFlashPreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFlashPreview from './MkFlashPreview.vue';
 const meta = {
 	title: 'components/MkFlashPreview',
 	component: MkFlashPreview,
-};
+} satisfies Meta<typeof MkFlashPreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFlashPreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts
index 80d9ca8615..dcc2afeb6d 100644
--- a/packages/frontend/src/components/MkFoldableSection.stories.ts
+++ b/packages/frontend/src/components/MkFoldableSection.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFoldableSection from './MkFoldableSection.vue';
 const meta = {
 	title: 'components/MkFoldableSection',
 	component: MkFoldableSection,
-};
+} satisfies Meta<typeof MkFoldableSection>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFoldableSection>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts
index 7eb6a3b0e3..e23080d647 100644
--- a/packages/frontend/src/components/MkFolder.stories.ts
+++ b/packages/frontend/src/components/MkFolder.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFolder from './MkFolder.vue';
 const meta = {
 	title: 'components/MkFolder',
 	component: MkFolder,
-};
+} satisfies Meta<typeof MkFolder>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFolder>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts
index 4e85afa014..7d707b5c8c 100644
--- a/packages/frontend/src/components/MkFollowButton.stories.ts
+++ b/packages/frontend/src/components/MkFollowButton.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFollowButton from './MkFollowButton.vue';
 const meta = {
 	title: 'components/MkFollowButton',
 	component: MkFollowButton,
-};
+} satisfies Meta<typeof MkFollowButton>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFollowButton>;
 export default meta;
diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts
index 6dd724aa12..c8be79aef2 100644
--- a/packages/frontend/src/components/MkForgotPassword.stories.ts
+++ b/packages/frontend/src/components/MkForgotPassword.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkForgotPassword from './MkForgotPassword.vue';
 const meta = {
 	title: 'components/MkForgotPassword',
 	component: MkForgotPassword,
-};
+} satisfies Meta<typeof MkForgotPassword>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkForgotPassword>;
 export default meta;
diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts
index 6622424376..56ca0326a6 100644
--- a/packages/frontend/src/components/MkFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkFormDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkFormDialog from './MkFormDialog.vue';
 const meta = {
 	title: 'components/MkFormDialog',
 	component: MkFormDialog,
-};
+} satisfies Meta<typeof MkFormDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkFormDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
index 18b0ab6ae1..3971dd1225 100644
--- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
+++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkGalleryPostPreview from './MkGalleryPostPreview.vue';
 const meta = {
 	title: 'components/MkGalleryPostPreview',
 	component: MkGalleryPostPreview,
-};
+} satisfies Meta<typeof MkGalleryPostPreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkGalleryPostPreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts
index 660607038f..b439d6ea4b 100644
--- a/packages/frontend/src/components/MkGoogle.stories.ts
+++ b/packages/frontend/src/components/MkGoogle.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkGoogle from './MkGoogle.vue';
 const meta = {
 	title: 'components/MkGoogle',
 	component: MkGoogle,
-};
+} satisfies Meta<typeof MkGoogle>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkGoogle>;
 export default meta;
diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts
index 1fdb8eb081..b89fc49c31 100644
--- a/packages/frontend/src/components/MkHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkHeatmap.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkHeatmap from './MkHeatmap.vue';
 const meta = {
 	title: 'components/MkHeatmap',
 	component: MkHeatmap,
-};
+} satisfies Meta<typeof MkHeatmap>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkHeatmap>;
 export default meta;
diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts
index 4f0ff7f437..ece0738868 100644
--- a/packages/frontend/src/components/MkImageViewer.stories.ts
+++ b/packages/frontend/src/components/MkImageViewer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkImageViewer from './MkImageViewer.vue';
 const meta = {
 	title: 'components/MkImageViewer',
 	component: MkImageViewer,
-};
+} satisfies Meta<typeof MkImageViewer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkImageViewer>;
 export default meta;
diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
index c00088d9b2..89a5192e4d 100644
--- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
+++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkImgWithBlurhash from './MkImgWithBlurhash.vue';
 const meta = {
 	title: 'components/MkImgWithBlurhash',
 	component: MkImgWithBlurhash,
-};
+} satisfies Meta<typeof MkImgWithBlurhash>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkImgWithBlurhash>;
 export default meta;
diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts
index 1e164d4278..fcea66afb1 100644
--- a/packages/frontend/src/components/MkInfo.stories.ts
+++ b/packages/frontend/src/components/MkInfo.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkInfo from './MkInfo.vue';
 const meta = {
 	title: 'components/MkInfo',
 	component: MkInfo,
-};
+} satisfies Meta<typeof MkInfo>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkInfo>;
 export default meta;
diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts
index 199a5b5392..724ab1c706 100644
--- a/packages/frontend/src/components/MkInput.stories.ts
+++ b/packages/frontend/src/components/MkInput.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkInput from './MkInput.vue';
 const meta = {
 	title: 'components/MkInput',
 	component: MkInput,
-};
+} satisfies Meta<typeof MkInput>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkInput>;
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
index fcc9e8f2ee..4427b72747 100644
--- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts
+++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkInstanceCardMini from './MkInstanceCardMini.vue';
 const meta = {
 	title: 'components/MkInstanceCardMini',
 	component: MkInstanceCardMini,
-};
+} satisfies Meta<typeof MkInstanceCardMini>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkInstanceCardMini>;
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts
index 74fa5359be..2290681413 100644
--- a/packages/frontend/src/components/MkInstanceStats.stories.ts
+++ b/packages/frontend/src/components/MkInstanceStats.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkInstanceStats from './MkInstanceStats.vue';
 const meta = {
 	title: 'components/MkInstanceStats',
 	component: MkInstanceStats,
-};
+} satisfies Meta<typeof MkInstanceStats>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkInstanceStats>;
 export default meta;
diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts
index 87eb49a7c7..779ce96c42 100644
--- a/packages/frontend/src/components/MkInstanceTicker.stories.ts
+++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkInstanceTicker from './MkInstanceTicker.vue';
 const meta = {
 	title: 'components/MkInstanceTicker',
 	component: MkInstanceTicker,
-};
+} satisfies Meta<typeof MkInstanceTicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkInstanceTicker>;
 export default meta;
diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts
index 83753e146c..0a4544e7e1 100644
--- a/packages/frontend/src/components/MkKeyValue.stories.ts
+++ b/packages/frontend/src/components/MkKeyValue.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkKeyValue from './MkKeyValue.vue';
 const meta = {
 	title: 'components/MkKeyValue',
 	component: MkKeyValue,
-};
+} satisfies Meta<typeof MkKeyValue>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkKeyValue>;
 export default meta;
diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts
index 02e239763d..1395795070 100644
--- a/packages/frontend/src/components/MkLaunchPad.stories.ts
+++ b/packages/frontend/src/components/MkLaunchPad.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkLaunchPad from './MkLaunchPad.vue';
 const meta = {
 	title: 'components/MkLaunchPad',
 	component: MkLaunchPad,
-};
+} satisfies Meta<typeof MkLaunchPad>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkLaunchPad>;
 export default meta;
diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts
index 33baee8702..9eb49f1e23 100644
--- a/packages/frontend/src/components/MkLink.stories.ts
+++ b/packages/frontend/src/components/MkLink.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkLink from './MkLink.vue';
 const meta = {
 	title: 'components/MkLink',
 	component: MkLink,
-};
+} satisfies Meta<typeof MkLink>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkLink>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts
index 9fec1d5a89..ec35940f6d 100644
--- a/packages/frontend/src/components/MkMarquee.stories.ts
+++ b/packages/frontend/src/components/MkMarquee.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMarquee from './MkMarquee.vue';
 const meta = {
 	title: 'components/MkMarquee',
 	component: MkMarquee,
-};
+} satisfies Meta<typeof MkMarquee>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMarquee>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts
index dcf57f0cc8..7c9d954f38 100644
--- a/packages/frontend/src/components/MkMediaBanner.stories.ts
+++ b/packages/frontend/src/components/MkMediaBanner.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMediaBanner from './MkMediaBanner.vue';
 const meta = {
 	title: 'components/MkMediaBanner',
 	component: MkMediaBanner,
-};
+} satisfies Meta<typeof MkMediaBanner>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMediaBanner>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts
index cb495872da..ea9f9f33b0 100644
--- a/packages/frontend/src/components/MkMediaImage.stories.ts
+++ b/packages/frontend/src/components/MkMediaImage.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMediaImage from './MkMediaImage.vue';
 const meta = {
 	title: 'components/MkMediaImage',
 	component: MkMediaImage,
-};
+} satisfies Meta<typeof MkMediaImage>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMediaImage>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts
index 87eb23dc89..3b194849b5 100644
--- a/packages/frontend/src/components/MkMediaList.stories.ts
+++ b/packages/frontend/src/components/MkMediaList.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMediaList from './MkMediaList.vue';
 const meta = {
 	title: 'components/MkMediaList',
 	component: MkMediaList,
-};
+} satisfies Meta<typeof MkMediaList>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMediaList>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts
index a39adebbe7..06bea55404 100644
--- a/packages/frontend/src/components/MkMediaVideo.stories.ts
+++ b/packages/frontend/src/components/MkMediaVideo.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMediaVideo from './MkMediaVideo.vue';
 const meta = {
 	title: 'components/MkMediaVideo',
 	component: MkMediaVideo,
-};
+} satisfies Meta<typeof MkMediaVideo>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMediaVideo>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts
index 459633a07a..139b9851fc 100644
--- a/packages/frontend/src/components/MkMention.stories.ts
+++ b/packages/frontend/src/components/MkMention.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMention from './MkMention.vue';
 const meta = {
 	title: 'components/MkMention',
 	component: MkMention,
-};
+} satisfies Meta<typeof MkMention>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMention>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts
index 114d710409..6e6cf385f2 100644
--- a/packages/frontend/src/components/MkMenu.child.stories.ts
+++ b/packages/frontend/src/components/MkMenu.child.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMenu_child from './MkMenu.child.vue';
 const meta = {
 	title: 'components/MkMenu.child',
 	component: MkMenu_child,
-};
+} satisfies Meta<typeof MkMenu_child>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMenu_child>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts
index 9a293bcc9c..d3eb2f83e6 100644
--- a/packages/frontend/src/components/MkMenu.stories.ts
+++ b/packages/frontend/src/components/MkMenu.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMenu from './MkMenu.vue';
 const meta = {
 	title: 'components/MkMenu',
 	component: MkMenu,
-};
+} satisfies Meta<typeof MkMenu>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMenu>;
 export default meta;
diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts
index f773bafe25..cc49211f99 100644
--- a/packages/frontend/src/components/MkMiniChart.stories.ts
+++ b/packages/frontend/src/components/MkMiniChart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMiniChart from './MkMiniChart.vue';
 const meta = {
 	title: 'components/MkMiniChart',
 	component: MkMiniChart,
-};
+} satisfies Meta<typeof MkMiniChart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMiniChart>;
 export default meta;
diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts
index 84f40abc0d..f85f8c68cc 100644
--- a/packages/frontend/src/components/MkModal.stories.ts
+++ b/packages/frontend/src/components/MkModal.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkModal from './MkModal.vue';
 const meta = {
 	title: 'components/MkModal',
 	component: MkModal,
-};
+} satisfies Meta<typeof MkModal>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkModal>;
 export default meta;
diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts
index 3312818799..a6e7ffa0fa 100644
--- a/packages/frontend/src/components/MkModalPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkModalPageWindow from './MkModalPageWindow.vue';
 const meta = {
 	title: 'components/MkModalPageWindow',
 	component: MkModalPageWindow,
-};
+} satisfies Meta<typeof MkModalPageWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkModalPageWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts
index 7e71ae0716..bfc75f90e9 100644
--- a/packages/frontend/src/components/MkModalWindow.stories.ts
+++ b/packages/frontend/src/components/MkModalWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkModalWindow from './MkModalWindow.vue';
 const meta = {
 	title: 'components/MkModalWindow',
 	component: MkModalWindow,
-};
+} satisfies Meta<typeof MkModalWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkModalWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts
index 47dfafc763..dcadfbaa0b 100644
--- a/packages/frontend/src/components/MkNote.stories.ts
+++ b/packages/frontend/src/components/MkNote.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNote from './MkNote.vue';
 const meta = {
 	title: 'components/MkNote',
 	component: MkNote,
-};
+} satisfies Meta<typeof MkNote>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNote>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts
index 3e106adfaa..a9396cf23d 100644
--- a/packages/frontend/src/components/MkNoteDetailed.stories.ts
+++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNoteDetailed from './MkNoteDetailed.vue';
 const meta = {
 	title: 'components/MkNoteDetailed',
 	component: MkNoteDetailed,
-};
+} satisfies Meta<typeof MkNoteDetailed>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNoteDetailed>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts
index e49279ae58..8ec74de40e 100644
--- a/packages/frontend/src/components/MkNoteHeader.stories.ts
+++ b/packages/frontend/src/components/MkNoteHeader.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNoteHeader from './MkNoteHeader.vue';
 const meta = {
 	title: 'components/MkNoteHeader',
 	component: MkNoteHeader,
-};
+} satisfies Meta<typeof MkNoteHeader>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNoteHeader>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts
index d3074aacae..6bd9fd1213 100644
--- a/packages/frontend/src/components/MkNotePreview.stories.ts
+++ b/packages/frontend/src/components/MkNotePreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNotePreview from './MkNotePreview.vue';
 const meta = {
 	title: 'components/MkNotePreview',
 	component: MkNotePreview,
-};
+} satisfies Meta<typeof MkNotePreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNotePreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts
index 60676a0f85..c4dd101cfe 100644
--- a/packages/frontend/src/components/MkNoteSimple.stories.ts
+++ b/packages/frontend/src/components/MkNoteSimple.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNoteSimple from './MkNoteSimple.vue';
 const meta = {
 	title: 'components/MkNoteSimple',
 	component: MkNoteSimple,
-};
+} satisfies Meta<typeof MkNoteSimple>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNoteSimple>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts
index 4e63f95701..172647eabe 100644
--- a/packages/frontend/src/components/MkNoteSub.stories.ts
+++ b/packages/frontend/src/components/MkNoteSub.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNoteSub from './MkNoteSub.vue';
 const meta = {
 	title: 'components/MkNoteSub',
 	component: MkNoteSub,
-};
+} satisfies Meta<typeof MkNoteSub>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNoteSub>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts
index ee559a017b..4bad4882a2 100644
--- a/packages/frontend/src/components/MkNotes.stories.ts
+++ b/packages/frontend/src/components/MkNotes.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNotes from './MkNotes.vue';
 const meta = {
 	title: 'components/MkNotes',
 	component: MkNotes,
-};
+} satisfies Meta<typeof MkNotes>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNotes>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts
index 7960900a8d..90d87ce58f 100644
--- a/packages/frontend/src/components/MkNotification.stories.ts
+++ b/packages/frontend/src/components/MkNotification.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNotification from './MkNotification.vue';
 const meta = {
 	title: 'components/MkNotification',
 	component: MkNotification,
-};
+} satisfies Meta<typeof MkNotification>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNotification>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
index 78dc44c8ad..8dd29793e0 100644
--- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
+++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNotificationSettingWindow from './MkNotificationSettingWindow.vue';
 const meta = {
 	title: 'components/MkNotificationSettingWindow',
 	component: MkNotificationSettingWindow,
-};
+} satisfies Meta<typeof MkNotificationSettingWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNotificationSettingWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts
index e340422e1f..c56f9235af 100644
--- a/packages/frontend/src/components/MkNotifications.stories.ts
+++ b/packages/frontend/src/components/MkNotifications.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNotifications from './MkNotifications.vue';
 const meta = {
 	title: 'components/MkNotifications',
 	component: MkNotifications,
-};
+} satisfies Meta<typeof MkNotifications>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNotifications>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts
index fc86c00250..cae6122669 100644
--- a/packages/frontend/src/components/MkNumber.stories.ts
+++ b/packages/frontend/src/components/MkNumber.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNumber from './MkNumber.vue';
 const meta = {
 	title: 'components/MkNumber',
 	component: MkNumber,
-};
+} satisfies Meta<typeof MkNumber>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNumber>;
 export default meta;
diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts
index 715bbb5439..296d39632f 100644
--- a/packages/frontend/src/components/MkNumberDiff.stories.ts
+++ b/packages/frontend/src/components/MkNumberDiff.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkNumberDiff from './MkNumberDiff.vue';
 const meta = {
 	title: 'components/MkNumberDiff',
 	component: MkNumberDiff,
-};
+} satisfies Meta<typeof MkNumberDiff>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkNumberDiff>;
 export default meta;
diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts
index 746dccc375..2b345b6ac1 100644
--- a/packages/frontend/src/components/MkObjectView.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkObjectView from './MkObjectView.vue';
 const meta = {
 	title: 'components/MkObjectView',
 	component: MkObjectView,
-};
+} satisfies Meta<typeof MkObjectView>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkObjectView>;
 export default meta;
diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts
index 8e18978376..f71148ee8e 100644
--- a/packages/frontend/src/components/MkObjectView.value.stories.ts
+++ b/packages/frontend/src/components/MkObjectView.value.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkObjectView_value from './MkObjectView.value.vue';
 const meta = {
 	title: 'components/MkObjectView.value',
 	component: MkObjectView_value,
-};
+} satisfies Meta<typeof MkObjectView_value>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkObjectView_value>;
 export default meta;
diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts
index 4d954fd236..e98d695185 100644
--- a/packages/frontend/src/components/MkOmit.stories.ts
+++ b/packages/frontend/src/components/MkOmit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkOmit from './MkOmit.vue';
 const meta = {
 	title: 'components/MkOmit',
 	component: MkOmit,
-};
+} satisfies Meta<typeof MkOmit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkOmit>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts
index dd96afa285..db38b03aab 100644
--- a/packages/frontend/src/components/MkPagePreview.stories.ts
+++ b/packages/frontend/src/components/MkPagePreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPagePreview from './MkPagePreview.vue';
 const meta = {
 	title: 'components/MkPagePreview',
 	component: MkPagePreview,
-};
+} satisfies Meta<typeof MkPagePreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPagePreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts
index f1c8b3b244..4843e4e2b4 100644
--- a/packages/frontend/src/components/MkPageWindow.stories.ts
+++ b/packages/frontend/src/components/MkPageWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPageWindow from './MkPageWindow.vue';
 const meta = {
 	title: 'components/MkPageWindow',
 	component: MkPageWindow,
-};
+} satisfies Meta<typeof MkPageWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPageWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts
index 3b89bb4b26..a5509a9309 100644
--- a/packages/frontend/src/components/MkPagination.stories.ts
+++ b/packages/frontend/src/components/MkPagination.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPagination from './MkPagination.vue';
 const meta = {
 	title: 'components/MkPagination',
 	component: MkPagination,
-};
+} satisfies Meta<typeof MkPagination>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPagination>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
index 10cf1f372d..a75a89a8eb 100644
--- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts
+++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPlusOneEffect from './MkPlusOneEffect.vue';
 const meta = {
 	title: 'components/MkPlusOneEffect',
 	component: MkPlusOneEffect,
-};
+} satisfies Meta<typeof MkPlusOneEffect>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPlusOneEffect>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts
index 154c675119..a52aff5043 100644
--- a/packages/frontend/src/components/MkPoll.stories.ts
+++ b/packages/frontend/src/components/MkPoll.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPoll from './MkPoll.vue';
 const meta = {
 	title: 'components/MkPoll',
 	component: MkPoll,
-};
+} satisfies Meta<typeof MkPoll>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPoll>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts
index 09acb5f4ab..59c016f6b4 100644
--- a/packages/frontend/src/components/MkPollEditor.stories.ts
+++ b/packages/frontend/src/components/MkPollEditor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPollEditor from './MkPollEditor.vue';
 const meta = {
 	title: 'components/MkPollEditor',
 	component: MkPollEditor,
-};
+} satisfies Meta<typeof MkPollEditor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPollEditor>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts
index acb5b6939c..76dfac51a5 100644
--- a/packages/frontend/src/components/MkPopupMenu.stories.ts
+++ b/packages/frontend/src/components/MkPopupMenu.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPopupMenu from './MkPopupMenu.vue';
 const meta = {
 	title: 'components/MkPopupMenu',
 	component: MkPopupMenu,
-};
+} satisfies Meta<typeof MkPopupMenu>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPopupMenu>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts
index da9b8947ba..d160ff066f 100644
--- a/packages/frontend/src/components/MkPostForm.stories.ts
+++ b/packages/frontend/src/components/MkPostForm.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPostForm from './MkPostForm.vue';
 const meta = {
 	title: 'components/MkPostForm',
 	component: MkPostForm,
-};
+} satisfies Meta<typeof MkPostForm>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPostForm>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
index 717385b1fa..7b8567f208 100644
--- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts
+++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPostFormAttaches from './MkPostFormAttaches.vue';
 const meta = {
 	title: 'components/MkPostFormAttaches',
 	component: MkPostFormAttaches,
-};
+} satisfies Meta<typeof MkPostFormAttaches>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPostFormAttaches>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts
index 18a0f75ced..b5058bfdef 100644
--- a/packages/frontend/src/components/MkPostFormDialog.stories.ts
+++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPostFormDialog from './MkPostFormDialog.vue';
 const meta = {
 	title: 'components/MkPostFormDialog',
 	component: MkPostFormDialog,
-};
+} satisfies Meta<typeof MkPostFormDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPostFormDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
index 20af967780..673f5e643c 100644
--- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
+++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPushNotificationAllowButton from './MkPushNotificationAllowButton.vue';
 const meta = {
 	title: 'components/MkPushNotificationAllowButton',
 	component: MkPushNotificationAllowButton,
-};
+} satisfies Meta<typeof MkPushNotificationAllowButton>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPushNotificationAllowButton>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts
index 34037cd782..3cf58bda7b 100644
--- a/packages/frontend/src/components/MkRadio.stories.ts
+++ b/packages/frontend/src/components/MkRadio.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRadio from './MkRadio.vue';
 const meta = {
 	title: 'components/MkRadio',
 	component: MkRadio,
-};
+} satisfies Meta<typeof MkRadio>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRadio>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts
index 0a12b130c9..9ec398614c 100644
--- a/packages/frontend/src/components/MkRadios.stories.ts
+++ b/packages/frontend/src/components/MkRadios.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRadios from './MkRadios.vue';
 const meta = {
 	title: 'components/MkRadios',
 	component: MkRadios,
-};
+} satisfies Meta<typeof MkRadios>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRadios>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts
index 764f7ac5b7..3e92726608 100644
--- a/packages/frontend/src/components/MkRange.stories.ts
+++ b/packages/frontend/src/components/MkRange.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRange from './MkRange.vue';
 const meta = {
 	title: 'components/MkRange',
 	component: MkRange,
-};
+} satisfies Meta<typeof MkRange>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRange>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
index bf470a833a..e44770f681 100644
--- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
+++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactedUsersDialog from './MkReactedUsersDialog.vue';
 const meta = {
 	title: 'components/MkReactedUsersDialog',
 	component: MkReactedUsersDialog,
-};
+} satisfies Meta<typeof MkReactedUsersDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactedUsersDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts
index c0d5b4a154..17e79bc29b 100644
--- a/packages/frontend/src/components/MkReactionEffect.stories.ts
+++ b/packages/frontend/src/components/MkReactionEffect.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionEffect from './MkReactionEffect.vue';
 const meta = {
 	title: 'components/MkReactionEffect',
 	component: MkReactionEffect,
-};
+} satisfies Meta<typeof MkReactionEffect>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionEffect>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts
index 37e329f34a..f3551ec0af 100644
--- a/packages/frontend/src/components/MkReactionIcon.stories.ts
+++ b/packages/frontend/src/components/MkReactionIcon.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionIcon from './MkReactionIcon.vue';
 const meta = {
 	title: 'components/MkReactionIcon',
 	component: MkReactionIcon,
-};
+} satisfies Meta<typeof MkReactionIcon>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionIcon>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts
index 16e5fca1c4..996e08df7f 100644
--- a/packages/frontend/src/components/MkReactionTooltip.stories.ts
+++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionTooltip from './MkReactionTooltip.vue';
 const meta = {
 	title: 'components/MkReactionTooltip',
 	component: MkReactionTooltip,
-};
+} satisfies Meta<typeof MkReactionTooltip>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionTooltip>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
index d373edf3c1..432ff2335b 100644
--- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionsViewer_details from './MkReactionsViewer.details.vue';
 const meta = {
 	title: 'components/MkReactionsViewer.details',
 	component: MkReactionsViewer_details,
-};
+} satisfies Meta<typeof MkReactionsViewer_details>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionsViewer_details>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
index b56f13bb5c..fcdaa140b1 100644
--- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionsViewer_reaction from './MkReactionsViewer.reaction.vue';
 const meta = {
 	title: 'components/MkReactionsViewer.reaction',
 	component: MkReactionsViewer_reaction,
-};
+} satisfies Meta<typeof MkReactionsViewer_reaction>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionsViewer_reaction>;
 export default meta;
diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts
index 18addf460d..d593267861 100644
--- a/packages/frontend/src/components/MkReactionsViewer.stories.ts
+++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkReactionsViewer from './MkReactionsViewer.vue';
 const meta = {
 	title: 'components/MkReactionsViewer',
 	component: MkReactionsViewer,
-};
+} satisfies Meta<typeof MkReactionsViewer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkReactionsViewer>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts
index 4f4f8054a7..406c93a26b 100644
--- a/packages/frontend/src/components/MkRemoteCaution.stories.ts
+++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRemoteCaution from './MkRemoteCaution.vue';
 const meta = {
 	title: 'components/MkRemoteCaution',
 	component: MkRemoteCaution,
-};
+} satisfies Meta<typeof MkRemoteCaution>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRemoteCaution>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
index 0eca578c36..e0cbb8e0ed 100644
--- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
+++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRetentionHeatmap from './MkRetentionHeatmap.vue';
 const meta = {
 	title: 'components/MkRetentionHeatmap',
 	component: MkRetentionHeatmap,
-};
+} satisfies Meta<typeof MkRetentionHeatmap>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRetentionHeatmap>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts
index 4b054be436..9632aca9b1 100644
--- a/packages/frontend/src/components/MkRippleEffect.stories.ts
+++ b/packages/frontend/src/components/MkRippleEffect.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRippleEffect from './MkRippleEffect.vue';
 const meta = {
 	title: 'components/MkRippleEffect',
 	component: MkRippleEffect,
-};
+} satisfies Meta<typeof MkRippleEffect>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRippleEffect>;
 export default meta;
diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts
index f4306233cb..d9001b80d2 100644
--- a/packages/frontend/src/components/MkRolePreview.stories.ts
+++ b/packages/frontend/src/components/MkRolePreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkRolePreview from './MkRolePreview.vue';
 const meta = {
 	title: 'components/MkRolePreview',
 	component: MkRolePreview,
-};
+} satisfies Meta<typeof MkRolePreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkRolePreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts
index 14cd69bd67..080dd6a09a 100644
--- a/packages/frontend/src/components/MkSample.stories.ts
+++ b/packages/frontend/src/components/MkSample.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSample from './MkSample.vue';
 const meta = {
 	title: 'components/MkSample',
 	component: MkSample,
-};
+} satisfies Meta<typeof MkSample>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSample>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts
index 0e67a67238..0526e59157 100644
--- a/packages/frontend/src/components/MkSelect.stories.ts
+++ b/packages/frontend/src/components/MkSelect.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSelect from './MkSelect.vue';
 const meta = {
 	title: 'components/MkSelect',
 	component: MkSelect,
-};
+} satisfies Meta<typeof MkSelect>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSelect>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts
index 32a52771df..56e0c6a78d 100644
--- a/packages/frontend/src/components/MkSignin.stories.ts
+++ b/packages/frontend/src/components/MkSignin.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSignin from './MkSignin.vue';
 const meta = {
 	title: 'components/MkSignin',
 	component: MkSignin,
-};
+} satisfies Meta<typeof MkSignin>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSignin>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts
index b05096452b..964b2368bd 100644
--- a/packages/frontend/src/components/MkSigninDialog.stories.ts
+++ b/packages/frontend/src/components/MkSigninDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSigninDialog from './MkSigninDialog.vue';
 const meta = {
 	title: 'components/MkSigninDialog',
 	component: MkSigninDialog,
-};
+} satisfies Meta<typeof MkSigninDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSigninDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts
index 665a5881e2..cd2411f03d 100644
--- a/packages/frontend/src/components/MkSignup.stories.ts
+++ b/packages/frontend/src/components/MkSignup.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSignup from './MkSignup.vue';
 const meta = {
 	title: 'components/MkSignup',
 	component: MkSignup,
-};
+} satisfies Meta<typeof MkSignup>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSignup>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts
index 4e1316fed5..6c50f9e4ca 100644
--- a/packages/frontend/src/components/MkSignupDialog.stories.ts
+++ b/packages/frontend/src/components/MkSignupDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSignupDialog from './MkSignupDialog.vue';
 const meta = {
 	title: 'components/MkSignupDialog',
 	component: MkSignupDialog,
-};
+} satisfies Meta<typeof MkSignupDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSignupDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts
index 22dc8af7d2..cafe471900 100644
--- a/packages/frontend/src/components/MkSparkle.stories.ts
+++ b/packages/frontend/src/components/MkSparkle.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSparkle from './MkSparkle.vue';
 const meta = {
 	title: 'components/MkSparkle',
 	component: MkSparkle,
-};
+} satisfies Meta<typeof MkSparkle>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSparkle>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts
index d83aef1328..c85ac32bd3 100644
--- a/packages/frontend/src/components/MkSubNoteContent.stories.ts
+++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSubNoteContent from './MkSubNoteContent.vue';
 const meta = {
 	title: 'components/MkSubNoteContent',
 	component: MkSubNoteContent,
-};
+} satisfies Meta<typeof MkSubNoteContent>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSubNoteContent>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts
index 8be6b5aa70..651353c8fb 100644
--- a/packages/frontend/src/components/MkSuperMenu.stories.ts
+++ b/packages/frontend/src/components/MkSuperMenu.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSuperMenu from './MkSuperMenu.vue';
 const meta = {
 	title: 'components/MkSuperMenu',
 	component: MkSuperMenu,
-};
+} satisfies Meta<typeof MkSuperMenu>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSuperMenu>;
 export default meta;
diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts
index fae92c1726..704df93904 100644
--- a/packages/frontend/src/components/MkSwitch.stories.ts
+++ b/packages/frontend/src/components/MkSwitch.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSwitch from './MkSwitch.vue';
 const meta = {
 	title: 'components/MkSwitch',
 	component: MkSwitch,
-};
+} satisfies Meta<typeof MkSwitch>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSwitch>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts
index 035afa7f55..351dc29b98 100644
--- a/packages/frontend/src/components/MkTab.stories.ts
+++ b/packages/frontend/src/components/MkTab.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTab from './MkTab.vue';
 const meta = {
 	title: 'components/MkTab',
 	component: MkTab,
-};
+} satisfies Meta<typeof MkTab>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTab>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts
index cea976fd4b..868902865b 100644
--- a/packages/frontend/src/components/MkTagCloud.stories.ts
+++ b/packages/frontend/src/components/MkTagCloud.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTagCloud from './MkTagCloud.vue';
 const meta = {
 	title: 'components/MkTagCloud',
 	component: MkTagCloud,
-};
+} satisfies Meta<typeof MkTagCloud>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTagCloud>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts
index 0369b0978a..4cc40e2d15 100644
--- a/packages/frontend/src/components/MkTextarea.stories.ts
+++ b/packages/frontend/src/components/MkTextarea.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTextarea from './MkTextarea.vue';
 const meta = {
 	title: 'components/MkTextarea',
 	component: MkTextarea,
-};
+} satisfies Meta<typeof MkTextarea>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTextarea>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts
index f778c7ea02..3c48c5e79b 100644
--- a/packages/frontend/src/components/MkTimeline.stories.ts
+++ b/packages/frontend/src/components/MkTimeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTimeline from './MkTimeline.vue';
 const meta = {
 	title: 'components/MkTimeline',
 	component: MkTimeline,
-};
+} satisfies Meta<typeof MkTimeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTimeline>;
 export default meta;
diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts
index be078dec5b..730b2e34e2 100644
--- a/packages/frontend/src/components/MkToast.stories.ts
+++ b/packages/frontend/src/components/MkToast.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkToast from './MkToast.vue';
 const meta = {
 	title: 'components/MkToast',
 	component: MkToast,
-};
+} satisfies Meta<typeof MkToast>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkToast>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
index daec25cb83..6e1b4b4361 100644
--- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
+++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTokenGenerateWindow from './MkTokenGenerateWindow.vue';
 const meta = {
 	title: 'components/MkTokenGenerateWindow',
 	component: MkTokenGenerateWindow,
-};
+} satisfies Meta<typeof MkTokenGenerateWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTokenGenerateWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts
index 474b49d263..42f8a21e53 100644
--- a/packages/frontend/src/components/MkTooltip.stories.ts
+++ b/packages/frontend/src/components/MkTooltip.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTooltip from './MkTooltip.vue';
 const meta = {
 	title: 'components/MkTooltip',
 	component: MkTooltip,
-};
+} satisfies Meta<typeof MkTooltip>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTooltip>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts
index b4388eb21f..15e679c9a6 100644
--- a/packages/frontend/src/components/MkUpdated.stories.ts
+++ b/packages/frontend/src/components/MkUpdated.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUpdated from './MkUpdated.vue';
 const meta = {
 	title: 'components/MkUpdated',
 	component: MkUpdated,
-};
+} satisfies Meta<typeof MkUpdated>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUpdated>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts
index a7f230ef40..6389438bf2 100644
--- a/packages/frontend/src/components/MkUrlPreview.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUrlPreview from './MkUrlPreview.vue';
 const meta = {
 	title: 'components/MkUrlPreview',
 	component: MkUrlPreview,
-};
+} satisfies Meta<typeof MkUrlPreview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUrlPreview>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
index c55cbc04be..4c76e1dbf9 100644
--- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
+++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUrlPreviewPopup from './MkUrlPreviewPopup.vue';
 const meta = {
 	title: 'components/MkUrlPreviewPopup',
 	component: MkUrlPreviewPopup,
-};
+} satisfies Meta<typeof MkUrlPreviewPopup>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUrlPreviewPopup>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts
index ae2001abba..faee519469 100644
--- a/packages/frontend/src/components/MkUserCardMini.stories.ts
+++ b/packages/frontend/src/components/MkUserCardMini.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserCardMini from './MkUserCardMini.vue';
 const meta = {
 	title: 'components/MkUserCardMini',
 	component: MkUserCardMini,
-};
+} satisfies Meta<typeof MkUserCardMini>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserCardMini>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts
index dddae8a572..08010825cb 100644
--- a/packages/frontend/src/components/MkUserInfo.stories.ts
+++ b/packages/frontend/src/components/MkUserInfo.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserInfo from './MkUserInfo.vue';
 const meta = {
 	title: 'components/MkUserInfo',
 	component: MkUserInfo,
-};
+} satisfies Meta<typeof MkUserInfo>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserInfo>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts
index f5269bfc82..1c7441f5d4 100644
--- a/packages/frontend/src/components/MkUserList.stories.ts
+++ b/packages/frontend/src/components/MkUserList.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserList from './MkUserList.vue';
 const meta = {
 	title: 'components/MkUserList',
 	component: MkUserList,
-};
+} satisfies Meta<typeof MkUserList>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserList>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
index 5132078e54..3c338403e8 100644
--- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
+++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserOnlineIndicator from './MkUserOnlineIndicator.vue';
 const meta = {
 	title: 'components/MkUserOnlineIndicator',
 	component: MkUserOnlineIndicator,
-};
+} satisfies Meta<typeof MkUserOnlineIndicator>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserOnlineIndicator>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts
index f83c41e2d0..e9eeae31c8 100644
--- a/packages/frontend/src/components/MkUserPopup.stories.ts
+++ b/packages/frontend/src/components/MkUserPopup.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserPopup from './MkUserPopup.vue';
 const meta = {
 	title: 'components/MkUserPopup',
 	component: MkUserPopup,
-};
+} satisfies Meta<typeof MkUserPopup>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserPopup>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
index cb66bbacc4..21c0be2e3e 100644
--- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts
+++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserSelectDialog from './MkUserSelectDialog.vue';
 const meta = {
 	title: 'components/MkUserSelectDialog',
 	component: MkUserSelectDialog,
-};
+} satisfies Meta<typeof MkUserSelectDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserSelectDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts
index 7bb6c0b355..1c932d6a5f 100644
--- a/packages/frontend/src/components/MkUsersTooltip.stories.ts
+++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUsersTooltip from './MkUsersTooltip.vue';
 const meta = {
 	title: 'components/MkUsersTooltip',
 	component: MkUsersTooltip,
-};
+} satisfies Meta<typeof MkUsersTooltip>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUsersTooltip>;
 export default meta;
diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
index 55522a1814..41a5f865fa 100644
--- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts
+++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkVisibilityPicker from './MkVisibilityPicker.vue';
 const meta = {
 	title: 'components/MkVisibilityPicker',
 	component: MkVisibilityPicker,
-};
+} satisfies Meta<typeof MkVisibilityPicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkVisibilityPicker>;
 export default meta;
diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts
index 813a6b3993..47dbf7ad1d 100644
--- a/packages/frontend/src/components/MkWaitingDialog.stories.ts
+++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkWaitingDialog from './MkWaitingDialog.vue';
 const meta = {
 	title: 'components/MkWaitingDialog',
 	component: MkWaitingDialog,
-};
+} satisfies Meta<typeof MkWaitingDialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkWaitingDialog>;
 export default meta;
diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts
index 2500713503..7c8ad0670d 100644
--- a/packages/frontend/src/components/MkWidgets.stories.ts
+++ b/packages/frontend/src/components/MkWidgets.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkWidgets from './MkWidgets.vue';
 const meta = {
 	title: 'components/MkWidgets',
 	component: MkWidgets,
-};
+} satisfies Meta<typeof MkWidgets>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkWidgets>;
 export default meta;
diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts
index f8e315b066..ed80a62c87 100644
--- a/packages/frontend/src/components/MkWindow.stories.ts
+++ b/packages/frontend/src/components/MkWindow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkWindow from './MkWindow.vue';
 const meta = {
 	title: 'components/MkWindow',
 	component: MkWindow,
-};
+} satisfies Meta<typeof MkWindow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkWindow>;
 export default meta;
diff --git a/packages/frontend/src/components/MkYouTubePlayer.stories.ts b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
index 5e20a83784..1c9e18df05 100644
--- a/packages/frontend/src/components/MkYouTubePlayer.stories.ts
+++ b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkYouTubePlayer from './MkYouTubePlayer.vue';
 const meta = {
 	title: 'components/MkYouTubePlayer',
 	component: MkYouTubePlayer,
-};
+} satisfies Meta<typeof MkYouTubePlayer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkYouTubePlayer>;
 export default meta;
diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts
index f132ccdea8..7e9fdb715a 100644
--- a/packages/frontend/src/components/form/link.stories.ts
+++ b/packages/frontend/src/components/form/link.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import link from './link.vue';
 const meta = {
 	title: 'components/form/link',
 	component: link,
-};
+} satisfies Meta<typeof link>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof link>;
 export default meta;
diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts
index 5b779f54a4..c08f907565 100644
--- a/packages/frontend/src/components/form/section.stories.ts
+++ b/packages/frontend/src/components/form/section.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import section from './section.vue';
 const meta = {
 	title: 'components/form/section',
 	component: section,
-};
+} satisfies Meta<typeof section>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof section>;
 export default meta;
diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts
index 55cdf7d76a..4049276110 100644
--- a/packages/frontend/src/components/form/slot.stories.ts
+++ b/packages/frontend/src/components/form/slot.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import slot from './slot.vue';
 const meta = {
 	title: 'components/form/slot',
 	component: slot,
-};
+} satisfies Meta<typeof slot>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof slot>;
 export default meta;
diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts
index 73cc4f8e44..48ccfcf78a 100644
--- a/packages/frontend/src/components/form/split.stories.ts
+++ b/packages/frontend/src/components/form/split.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import split from './split.vue';
 const meta = {
 	title: 'components/form/split',
 	component: split,
-};
+} satisfies Meta<typeof split>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof split>;
 export default meta;
diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts
index 10541fdb1c..39e74fa1b6 100644
--- a/packages/frontend/src/components/form/suspense.stories.ts
+++ b/packages/frontend/src/components/form/suspense.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import suspense from './suspense.vue';
 const meta = {
 	title: 'components/form/suspense',
 	component: suspense,
-};
+} satisfies Meta<typeof suspense>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof suspense>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts
index 10dee397ff..8032d70705 100644
--- a/packages/frontend/src/components/global/MkA.stories.ts
+++ b/packages/frontend/src/components/global/MkA.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkA from './MkA.vue';
 const meta = {
 	title: 'components/global/MkA',
 	component: MkA,
-};
+} satisfies Meta<typeof MkA>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkA>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts
index a336156126..3078c305eb 100644
--- a/packages/frontend/src/components/global/MkAcct.stories.ts
+++ b/packages/frontend/src/components/global/MkAcct.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAcct from './MkAcct.vue';
 const meta = {
 	title: 'components/global/MkAcct',
 	component: MkAcct,
-};
+} satisfies Meta<typeof MkAcct>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAcct>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts
index 8d4f3713e2..f404138cf6 100644
--- a/packages/frontend/src/components/global/MkAd.stories.ts
+++ b/packages/frontend/src/components/global/MkAd.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAd from './MkAd.vue';
 const meta = {
 	title: 'components/global/MkAd',
 	component: MkAd,
-};
+} satisfies Meta<typeof MkAd>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAd>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts
index 8556ef08ab..1a50cb40d6 100644
--- a/packages/frontend/src/components/global/MkAvatar.stories.ts
+++ b/packages/frontend/src/components/global/MkAvatar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkAvatar from './MkAvatar.vue';
 const meta = {
 	title: 'components/global/MkAvatar',
 	component: MkAvatar,
-};
+} satisfies Meta<typeof MkAvatar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkAvatar>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
index c1349c5808..42563cb98a 100644
--- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkCustomEmoji from './MkCustomEmoji.vue';
 const meta = {
 	title: 'components/global/MkCustomEmoji',
 	component: MkCustomEmoji,
-};
+} satisfies Meta<typeof MkCustomEmoji>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkCustomEmoji>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts
index 06a56a62c0..86ffd22406 100644
--- a/packages/frontend/src/components/global/MkEllipsis.stories.ts
+++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEllipsis from './MkEllipsis.vue';
 const meta = {
 	title: 'components/global/MkEllipsis',
 	component: MkEllipsis,
-};
+} satisfies Meta<typeof MkEllipsis>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEllipsis>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts
index 2dd4e23771..c57dffe4d0 100644
--- a/packages/frontend/src/components/global/MkEmoji.stories.ts
+++ b/packages/frontend/src/components/global/MkEmoji.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkEmoji from './MkEmoji.vue';
 const meta = {
 	title: 'components/global/MkEmoji',
 	component: MkEmoji,
-};
+} satisfies Meta<typeof MkEmoji>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkEmoji>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts
index 2a8abb943b..789233ddbc 100644
--- a/packages/frontend/src/components/global/MkError.stories.ts
+++ b/packages/frontend/src/components/global/MkError.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkError from './MkError.vue';
 const meta = {
 	title: 'components/global/MkError',
 	component: MkError,
-};
+} satisfies Meta<typeof MkError>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkError>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts
index 78fbfa9f52..0104591735 100644
--- a/packages/frontend/src/components/global/MkLoading.stories.ts
+++ b/packages/frontend/src/components/global/MkLoading.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkLoading from './MkLoading.vue';
 const meta = {
 	title: 'components/global/MkLoading',
 	component: MkLoading,
-};
+} satisfies Meta<typeof MkLoading>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkLoading>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
index 8b7827bfc8..5b13ebd3c7 100644
--- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
+++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkMisskeyFlavoredMarkdown from './MkMisskeyFlavoredMarkdown.vue';
 const meta = {
 	title: 'components/global/MkMisskeyFlavoredMarkdown',
 	component: MkMisskeyFlavoredMarkdown,
-};
+} satisfies Meta<typeof MkMisskeyFlavoredMarkdown>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkMisskeyFlavoredMarkdown>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts
index 3921168824..4aca3d19ed 100644
--- a/packages/frontend/src/components/global/MkPageHeader.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPageHeader from './MkPageHeader.vue';
 const meta = {
 	title: 'components/global/MkPageHeader',
 	component: MkPageHeader,
-};
+} satisfies Meta<typeof MkPageHeader>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPageHeader>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
index aaa12228f9..fb07450580 100644
--- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
+++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkPageHeader_tabs from './MkPageHeader.tabs.vue';
 const meta = {
 	title: 'components/global/MkPageHeader.tabs',
 	component: MkPageHeader_tabs,
-};
+} satisfies Meta<typeof MkPageHeader_tabs>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkPageHeader_tabs>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts
index 5040c0b17f..e9b138d614 100644
--- a/packages/frontend/src/components/global/MkSpacer.stories.ts
+++ b/packages/frontend/src/components/global/MkSpacer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkSpacer from './MkSpacer.vue';
 const meta = {
 	title: 'components/global/MkSpacer',
 	component: MkSpacer,
-};
+} satisfies Meta<typeof MkSpacer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkSpacer>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
index 0741f3f9bb..87449db549 100644
--- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts
+++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkStickyContainer from './MkStickyContainer.vue';
 const meta = {
 	title: 'components/global/MkStickyContainer',
 	component: MkStickyContainer,
-};
+} satisfies Meta<typeof MkStickyContainer>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkStickyContainer>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts
index 9df2fef695..a03ee7b389 100644
--- a/packages/frontend/src/components/global/MkTime.stories.ts
+++ b/packages/frontend/src/components/global/MkTime.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkTime from './MkTime.vue';
 const meta = {
 	title: 'components/global/MkTime',
 	component: MkTime,
-};
+} satisfies Meta<typeof MkTime>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkTime>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts
index 1f0e01f000..1a46cd3486 100644
--- a/packages/frontend/src/components/global/MkUrl.stories.ts
+++ b/packages/frontend/src/components/global/MkUrl.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUrl from './MkUrl.vue';
 const meta = {
 	title: 'components/global/MkUrl',
 	component: MkUrl,
-};
+} satisfies Meta<typeof MkUrl>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUrl>;
 export default meta;
diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts
index b5df40dfeb..caaf80ee3b 100644
--- a/packages/frontend/src/components/global/MkUserName.stories.ts
+++ b/packages/frontend/src/components/global/MkUserName.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import MkUserName from './MkUserName.vue';
 const meta = {
 	title: 'components/global/MkUserName',
 	component: MkUserName,
-};
+} satisfies Meta<typeof MkUserName>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof MkUserName>;
 export default meta;
diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts
index a0e76d9da1..7d266c81d3 100644
--- a/packages/frontend/src/components/global/RouterView.stories.ts
+++ b/packages/frontend/src/components/global/RouterView.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import RouterView from './RouterView.vue';
 const meta = {
 	title: 'components/global/RouterView',
 	component: RouterView,
-};
+} satisfies Meta<typeof RouterView>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof RouterView>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts
index ba53f52505..38bac62739 100644
--- a/packages/frontend/src/components/page/page.block.stories.ts
+++ b/packages/frontend/src/components/page/page.block.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_block from './page.block.vue';
 const meta = {
 	title: 'components/page/page.block',
 	component: page_block,
-};
+} satisfies Meta<typeof page_block>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_block>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts
index 4fd0b3a24f..9fa0c16157 100644
--- a/packages/frontend/src/components/page/page.button.stories.ts
+++ b/packages/frontend/src/components/page/page.button.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_button from './page.button.vue';
 const meta = {
 	title: 'components/page/page.button',
 	component: page_button,
-};
+} satisfies Meta<typeof page_button>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_button>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts
index 61880b3925..6d95fd6712 100644
--- a/packages/frontend/src/components/page/page.canvas.stories.ts
+++ b/packages/frontend/src/components/page/page.canvas.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_canvas from './page.canvas.vue';
 const meta = {
 	title: 'components/page/page.canvas',
 	component: page_canvas,
-};
+} satisfies Meta<typeof page_canvas>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_canvas>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts
index c94cbbb687..b28848cf5e 100644
--- a/packages/frontend/src/components/page/page.counter.stories.ts
+++ b/packages/frontend/src/components/page/page.counter.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_counter from './page.counter.vue';
 const meta = {
 	title: 'components/page/page.counter',
 	component: page_counter,
-};
+} satisfies Meta<typeof page_counter>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_counter>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts
index ddc88377d6..20f7ae3456 100644
--- a/packages/frontend/src/components/page/page.if.stories.ts
+++ b/packages/frontend/src/components/page/page.if.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_if from './page.if.vue';
 const meta = {
 	title: 'components/page/page.if',
 	component: page_if,
-};
+} satisfies Meta<typeof page_if>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_if>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts
index a21d6010d8..f4e2184cbc 100644
--- a/packages/frontend/src/components/page/page.image.stories.ts
+++ b/packages/frontend/src/components/page/page.image.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_image from './page.image.vue';
 const meta = {
 	title: 'components/page/page.image',
 	component: page_image,
-};
+} satisfies Meta<typeof page_image>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_image>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts
index 0efb0220e9..5fea1445d6 100644
--- a/packages/frontend/src/components/page/page.note.stories.ts
+++ b/packages/frontend/src/components/page/page.note.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_note from './page.note.vue';
 const meta = {
 	title: 'components/page/page.note',
 	component: page_note,
-};
+} satisfies Meta<typeof page_note>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_note>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.number-input.stories.ts b/packages/frontend/src/components/page/page.number-input.stories.ts
index 5fefcb9ee8..a3f42bb788 100644
--- a/packages/frontend/src/components/page/page.number-input.stories.ts
+++ b/packages/frontend/src/components/page/page.number-input.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_number_input from './page.number-input.vue';
 const meta = {
 	title: 'components/page/page.number-input',
 	component: page_number_input,
-};
+} satisfies Meta<typeof page_number_input>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_number_input>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts
index d59e5a4702..80af11a4f9 100644
--- a/packages/frontend/src/components/page/page.post.stories.ts
+++ b/packages/frontend/src/components/page/page.post.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_post from './page.post.vue';
 const meta = {
 	title: 'components/page/page.post',
 	component: page_post,
-};
+} satisfies Meta<typeof page_post>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_post>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.radio-button.stories.ts b/packages/frontend/src/components/page/page.radio-button.stories.ts
index 9974b7636f..670127ef06 100644
--- a/packages/frontend/src/components/page/page.radio-button.stories.ts
+++ b/packages/frontend/src/components/page/page.radio-button.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_radio_button from './page.radio-button.vue';
 const meta = {
 	title: 'components/page/page.radio-button',
 	component: page_radio_button,
-};
+} satisfies Meta<typeof page_radio_button>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_radio_button>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts
index 754541927b..0e2920eca9 100644
--- a/packages/frontend/src/components/page/page.section.stories.ts
+++ b/packages/frontend/src/components/page/page.section.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_section from './page.section.vue';
 const meta = {
 	title: 'components/page/page.section',
 	component: page_section,
-};
+} satisfies Meta<typeof page_section>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_section>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts
index 43271b6ca2..5a9bc2a691 100644
--- a/packages/frontend/src/components/page/page.stories.ts
+++ b/packages/frontend/src/components/page/page.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page from './page.vue';
 const meta = {
 	title: 'components/page/page',
 	component: page,
-};
+} satisfies Meta<typeof page>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts
index 7726586e77..c5cca25eb5 100644
--- a/packages/frontend/src/components/page/page.switch.stories.ts
+++ b/packages/frontend/src/components/page/page.switch.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_switch from './page.switch.vue';
 const meta = {
 	title: 'components/page/page.switch',
 	component: page_switch,
-};
+} satisfies Meta<typeof page_switch>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_switch>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.text-input.stories.ts b/packages/frontend/src/components/page/page.text-input.stories.ts
index 6f58f19bde..0af6ef7225 100644
--- a/packages/frontend/src/components/page/page.text-input.stories.ts
+++ b/packages/frontend/src/components/page/page.text-input.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_text_input from './page.text-input.vue';
 const meta = {
 	title: 'components/page/page.text-input',
 	component: page_text_input,
-};
+} satisfies Meta<typeof page_text_input>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_text_input>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts
index 924224577b..99ad29d9d1 100644
--- a/packages/frontend/src/components/page/page.text.stories.ts
+++ b/packages/frontend/src/components/page/page.text.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_text from './page.text.vue';
 const meta = {
 	title: 'components/page/page.text',
 	component: page_text,
-};
+} satisfies Meta<typeof page_text>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_text>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.textarea-input.stories.ts b/packages/frontend/src/components/page/page.textarea-input.stories.ts
index d14548a222..4d2aa48ffa 100644
--- a/packages/frontend/src/components/page/page.textarea-input.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_textarea_input from './page.textarea-input.vue';
 const meta = {
 	title: 'components/page/page.textarea-input',
 	component: page_textarea_input,
-};
+} satisfies Meta<typeof page_textarea_input>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_textarea_input>;
 export default meta;
diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts
index 13c4480ace..6828aa0c27 100644
--- a/packages/frontend/src/components/page/page.textarea.stories.ts
+++ b/packages/frontend/src/components/page/page.textarea.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_textarea from './page.textarea.vue';
 const meta = {
 	title: 'components/page/page.textarea',
 	component: page_textarea,
-};
+} satisfies Meta<typeof page_textarea>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof page_textarea>;
 export default meta;
diff --git a/packages/frontend/src/pages/_empty_.stories.ts b/packages/frontend/src/pages/_empty_.stories.ts
index 3ca1df5861..ac0c2c67ca 100644
--- a/packages/frontend/src/pages/_empty_.stories.ts
+++ b/packages/frontend/src/pages/_empty_.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _empty_ from './_empty_.vue';
 const meta = {
 	title: 'pages/_empty_',
 	component: _empty_,
-};
+} satisfies Meta<typeof _empty_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _empty_>;
 export default meta;
diff --git a/packages/frontend/src/pages/_error_.stories.ts b/packages/frontend/src/pages/_error_.stories.ts
index f198b63fc8..7f8311a4cc 100644
--- a/packages/frontend/src/pages/_error_.stories.ts
+++ b/packages/frontend/src/pages/_error_.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _error_ from './_error_.vue';
 const meta = {
 	title: 'pages/_error_',
 	component: _error_,
-};
+} satisfies Meta<typeof _error_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _error_>;
 export default meta;
diff --git a/packages/frontend/src/pages/_loading_.stories.ts b/packages/frontend/src/pages/_loading_.stories.ts
index f511634eb9..d9dbdfc295 100644
--- a/packages/frontend/src/pages/_loading_.stories.ts
+++ b/packages/frontend/src/pages/_loading_.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _loading_ from './_loading_.vue';
 const meta = {
 	title: 'pages/_loading_',
 	component: _loading_,
-};
+} satisfies Meta<typeof _loading_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _loading_>;
 export default meta;
diff --git a/packages/frontend/src/pages/about-misskey.stories.ts b/packages/frontend/src/pages/about-misskey.stories.ts
index 3b8f3ad117..ef5fe82e09 100644
--- a/packages/frontend/src/pages/about-misskey.stories.ts
+++ b/packages/frontend/src/pages/about-misskey.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import about_misskey from './about-misskey.vue';
 const meta = {
 	title: 'pages/about-misskey',
 	component: about_misskey,
-};
+} satisfies Meta<typeof about_misskey>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof about_misskey>;
 export default meta;
diff --git a/packages/frontend/src/pages/about.emojis.stories.ts b/packages/frontend/src/pages/about.emojis.stories.ts
index e178271a84..73f582f953 100644
--- a/packages/frontend/src/pages/about.emojis.stories.ts
+++ b/packages/frontend/src/pages/about.emojis.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import about_emojis from './about.emojis.vue';
 const meta = {
 	title: 'pages/about.emojis',
 	component: about_emojis,
-};
+} satisfies Meta<typeof about_emojis>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof about_emojis>;
 export default meta;
diff --git a/packages/frontend/src/pages/about.federation.stories.ts b/packages/frontend/src/pages/about.federation.stories.ts
index a2c763aef7..371dabf636 100644
--- a/packages/frontend/src/pages/about.federation.stories.ts
+++ b/packages/frontend/src/pages/about.federation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import about_federation from './about.federation.vue';
 const meta = {
 	title: 'pages/about.federation',
 	component: about_federation,
-};
+} satisfies Meta<typeof about_federation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof about_federation>;
 export default meta;
diff --git a/packages/frontend/src/pages/about.stories.ts b/packages/frontend/src/pages/about.stories.ts
index a36c99fc32..079aad11ab 100644
--- a/packages/frontend/src/pages/about.stories.ts
+++ b/packages/frontend/src/pages/about.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import about from './about.vue';
 const meta = {
 	title: 'pages/about',
 	component: about,
-};
+} satisfies Meta<typeof about>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof about>;
 export default meta;
diff --git a/packages/frontend/src/pages/achievements.stories.ts b/packages/frontend/src/pages/achievements.stories.ts
index b7959f8976..8581760dc2 100644
--- a/packages/frontend/src/pages/achievements.stories.ts
+++ b/packages/frontend/src/pages/achievements.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import achievements from './achievements.vue';
 const meta = {
 	title: 'pages/achievements',
 	component: achievements,
-};
+} satisfies Meta<typeof achievements>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof achievements>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin-file.stories.ts b/packages/frontend/src/pages/admin-file.stories.ts
index 62ac20caf3..cc80bd47f7 100644
--- a/packages/frontend/src/pages/admin-file.stories.ts
+++ b/packages/frontend/src/pages/admin-file.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import admin_file from './admin-file.vue';
 const meta = {
 	title: 'pages/admin-file',
 	component: admin_file,
-};
+} satisfies Meta<typeof admin_file>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof admin_file>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
index 5af3ccc657..94fe9d3891 100644
--- a/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
+++ b/packages/frontend/src/pages/admin/RolesEditorFormula.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import RolesEditorFormula from './RolesEditorFormula.vue';
 const meta = {
 	title: 'pages/admin/RolesEditorFormula',
 	component: RolesEditorFormula,
-};
+} satisfies Meta<typeof RolesEditorFormula>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof RolesEditorFormula>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/_header_.stories.ts b/packages/frontend/src/pages/admin/_header_.stories.ts
index 3ae43e3fa6..2ff33c6979 100644
--- a/packages/frontend/src/pages/admin/_header_.stories.ts
+++ b/packages/frontend/src/pages/admin/_header_.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _header_ from './_header_.vue';
 const meta = {
 	title: 'pages/admin/_header_',
 	component: _header_,
-};
+} satisfies Meta<typeof _header_>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _header_>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/abuses.stories.ts b/packages/frontend/src/pages/admin/abuses.stories.ts
index ea3bbb4775..782799d161 100644
--- a/packages/frontend/src/pages/admin/abuses.stories.ts
+++ b/packages/frontend/src/pages/admin/abuses.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import abuses from './abuses.vue';
 const meta = {
 	title: 'pages/admin/abuses',
 	component: abuses,
-};
+} satisfies Meta<typeof abuses>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof abuses>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/ads.stories.ts b/packages/frontend/src/pages/admin/ads.stories.ts
index 638c56656f..9436302243 100644
--- a/packages/frontend/src/pages/admin/ads.stories.ts
+++ b/packages/frontend/src/pages/admin/ads.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import ads from './ads.vue';
 const meta = {
 	title: 'pages/admin/ads',
 	component: ads,
-};
+} satisfies Meta<typeof ads>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof ads>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/announcements.stories.ts b/packages/frontend/src/pages/admin/announcements.stories.ts
index ae064741fb..18a0178516 100644
--- a/packages/frontend/src/pages/admin/announcements.stories.ts
+++ b/packages/frontend/src/pages/admin/announcements.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import announcements from './announcements.vue';
 const meta = {
 	title: 'pages/admin/announcements',
 	component: announcements,
-};
+} satisfies Meta<typeof announcements>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof announcements>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/bot-protection.stories.ts b/packages/frontend/src/pages/admin/bot-protection.stories.ts
index 7c8506b40e..d4d39fe52f 100644
--- a/packages/frontend/src/pages/admin/bot-protection.stories.ts
+++ b/packages/frontend/src/pages/admin/bot-protection.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import bot_protection from './bot-protection.vue';
 const meta = {
 	title: 'pages/admin/bot-protection',
 	component: bot_protection,
-};
+} satisfies Meta<typeof bot_protection>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof bot_protection>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/database.stories.ts b/packages/frontend/src/pages/admin/database.stories.ts
index 3a2ae56a40..823ad4e24c 100644
--- a/packages/frontend/src/pages/admin/database.stories.ts
+++ b/packages/frontend/src/pages/admin/database.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import database from './database.vue';
 const meta = {
 	title: 'pages/admin/database',
 	component: database,
-};
+} satisfies Meta<typeof database>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof database>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/email-settings.stories.ts b/packages/frontend/src/pages/admin/email-settings.stories.ts
index 9b804ce4ac..b178e1dfd7 100644
--- a/packages/frontend/src/pages/admin/email-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/email-settings.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import email_settings from './email-settings.vue';
 const meta = {
 	title: 'pages/admin/email-settings',
 	component: email_settings,
-};
+} satisfies Meta<typeof email_settings>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof email_settings>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/federation.stories.ts b/packages/frontend/src/pages/admin/federation.stories.ts
index 63bf5023dd..702201dfa0 100644
--- a/packages/frontend/src/pages/admin/federation.stories.ts
+++ b/packages/frontend/src/pages/admin/federation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import federation from './federation.vue';
 const meta = {
 	title: 'pages/admin/federation',
 	component: federation,
-};
+} satisfies Meta<typeof federation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof federation>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/files.stories.ts b/packages/frontend/src/pages/admin/files.stories.ts
index 6d5b00f3f1..c78a146093 100644
--- a/packages/frontend/src/pages/admin/files.stories.ts
+++ b/packages/frontend/src/pages/admin/files.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import files from './files.vue';
 const meta = {
 	title: 'pages/admin/files',
 	component: files,
-};
+} satisfies Meta<typeof files>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof files>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/index.stories.ts b/packages/frontend/src/pages/admin/index.stories.ts
index 54b89efc02..30141c3c97 100644
--- a/packages/frontend/src/pages/admin/index.stories.ts
+++ b/packages/frontend/src/pages/admin/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/admin/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/instance-block.stories.ts b/packages/frontend/src/pages/admin/instance-block.stories.ts
index c76509923f..86e06c51a0 100644
--- a/packages/frontend/src/pages/admin/instance-block.stories.ts
+++ b/packages/frontend/src/pages/admin/instance-block.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import instance_block from './instance-block.vue';
 const meta = {
 	title: 'pages/admin/instance-block',
 	component: instance_block,
-};
+} satisfies Meta<typeof instance_block>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof instance_block>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/moderation.stories.ts b/packages/frontend/src/pages/admin/moderation.stories.ts
index c55aedadca..dd53a34e3d 100644
--- a/packages/frontend/src/pages/admin/moderation.stories.ts
+++ b/packages/frontend/src/pages/admin/moderation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import moderation from './moderation.vue';
 const meta = {
 	title: 'pages/admin/moderation',
 	component: moderation,
-};
+} satisfies Meta<typeof moderation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof moderation>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/object-storage.stories.ts b/packages/frontend/src/pages/admin/object-storage.stories.ts
index faa1f1948d..4cdf207066 100644
--- a/packages/frontend/src/pages/admin/object-storage.stories.ts
+++ b/packages/frontend/src/pages/admin/object-storage.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import object_storage from './object-storage.vue';
 const meta = {
 	title: 'pages/admin/object-storage',
 	component: object_storage,
-};
+} satisfies Meta<typeof object_storage>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof object_storage>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/other-settings.stories.ts b/packages/frontend/src/pages/admin/other-settings.stories.ts
index fc37c6072e..203e02b2c1 100644
--- a/packages/frontend/src/pages/admin/other-settings.stories.ts
+++ b/packages/frontend/src/pages/admin/other-settings.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import other_settings from './other-settings.vue';
 const meta = {
 	title: 'pages/admin/other-settings',
 	component: other_settings,
-};
+} satisfies Meta<typeof other_settings>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof other_settings>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.active-users.stories.ts b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
index e7efca1a53..3d32d6ec73 100644
--- a/packages/frontend/src/pages/admin/overview.active-users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.active-users.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_active_users from './overview.active-users.vue';
 const meta = {
 	title: 'pages/admin/overview.active-users',
 	component: overview_active_users,
-};
+} satisfies Meta<typeof overview_active_users>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_active_users>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
index 347065c396..4831733d37 100644
--- a/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.ap-requests.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_ap_requests from './overview.ap-requests.vue';
 const meta = {
 	title: 'pages/admin/overview.ap-requests',
 	component: overview_ap_requests,
-};
+} satisfies Meta<typeof overview_ap_requests>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_ap_requests>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.federation.stories.ts b/packages/frontend/src/pages/admin/overview.federation.stories.ts
index 61956f0249..3573483a39 100644
--- a/packages/frontend/src/pages/admin/overview.federation.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.federation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_federation from './overview.federation.vue';
 const meta = {
 	title: 'pages/admin/overview.federation',
 	component: overview_federation,
-};
+} satisfies Meta<typeof overview_federation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_federation>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
index 872c883fe7..9e90173616 100644
--- a/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.heatmap.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_heatmap from './overview.heatmap.vue';
 const meta = {
 	title: 'pages/admin/overview.heatmap',
 	component: overview_heatmap,
-};
+} satisfies Meta<typeof overview_heatmap>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_heatmap>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.instances.stories.ts b/packages/frontend/src/pages/admin/overview.instances.stories.ts
index c6ca9f0855..421c9b7e41 100644
--- a/packages/frontend/src/pages/admin/overview.instances.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.instances.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_instances from './overview.instances.vue';
 const meta = {
 	title: 'pages/admin/overview.instances',
 	component: overview_instances,
-};
+} satisfies Meta<typeof overview_instances>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_instances>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.moderators.stories.ts b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
index a05c482eab..0201210053 100644
--- a/packages/frontend/src/pages/admin/overview.moderators.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.moderators.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_moderators from './overview.moderators.vue';
 const meta = {
 	title: 'pages/admin/overview.moderators',
 	component: overview_moderators,
-};
+} satisfies Meta<typeof overview_moderators>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_moderators>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.pie.stories.ts b/packages/frontend/src/pages/admin/overview.pie.stories.ts
index 3c9844e206..c27809cab5 100644
--- a/packages/frontend/src/pages/admin/overview.pie.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.pie.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_pie from './overview.pie.vue';
 const meta = {
 	title: 'pages/admin/overview.pie',
 	component: overview_pie,
-};
+} satisfies Meta<typeof overview_pie>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_pie>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
index 848300fe07..fcf1566e99 100644
--- a/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.chart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_queue_chart from './overview.queue.chart.vue';
 const meta = {
 	title: 'pages/admin/overview.queue.chart',
 	component: overview_queue_chart,
-};
+} satisfies Meta<typeof overview_queue_chart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_queue_chart>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.queue.stories.ts b/packages/frontend/src/pages/admin/overview.queue.stories.ts
index e3f4bfca52..f67609c18f 100644
--- a/packages/frontend/src/pages/admin/overview.queue.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.queue.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_queue from './overview.queue.vue';
 const meta = {
 	title: 'pages/admin/overview.queue',
 	component: overview_queue,
-};
+} satisfies Meta<typeof overview_queue>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_queue>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.retention.stories.ts b/packages/frontend/src/pages/admin/overview.retention.stories.ts
index 3e1c5a89bc..b7941e8728 100644
--- a/packages/frontend/src/pages/admin/overview.retention.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.retention.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_retention from './overview.retention.vue';
 const meta = {
 	title: 'pages/admin/overview.retention',
 	component: overview_retention,
-};
+} satisfies Meta<typeof overview_retention>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_retention>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.stats.stories.ts b/packages/frontend/src/pages/admin/overview.stats.stories.ts
index 0c368aaddc..411ab4728d 100644
--- a/packages/frontend/src/pages/admin/overview.stats.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stats.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_stats from './overview.stats.vue';
 const meta = {
 	title: 'pages/admin/overview.stats',
 	component: overview_stats,
-};
+} satisfies Meta<typeof overview_stats>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_stats>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.stories.ts b/packages/frontend/src/pages/admin/overview.stories.ts
index de388bd48e..4f557e6ff0 100644
--- a/packages/frontend/src/pages/admin/overview.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview from './overview.vue';
 const meta = {
 	title: 'pages/admin/overview',
 	component: overview,
-};
+} satisfies Meta<typeof overview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/overview.users.stories.ts b/packages/frontend/src/pages/admin/overview.users.stories.ts
index 3846e67011..7809a2bd8c 100644
--- a/packages/frontend/src/pages/admin/overview.users.stories.ts
+++ b/packages/frontend/src/pages/admin/overview.users.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import overview_users from './overview.users.vue';
 const meta = {
 	title: 'pages/admin/overview.users',
 	component: overview_users,
-};
+} satisfies Meta<typeof overview_users>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof overview_users>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/proxy-account.stories.ts b/packages/frontend/src/pages/admin/proxy-account.stories.ts
index 04fa3e1b68..9fed56fccc 100644
--- a/packages/frontend/src/pages/admin/proxy-account.stories.ts
+++ b/packages/frontend/src/pages/admin/proxy-account.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import proxy_account from './proxy-account.vue';
 const meta = {
 	title: 'pages/admin/proxy-account',
 	component: proxy_account,
-};
+} satisfies Meta<typeof proxy_account>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof proxy_account>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
index 95a1f0a5e3..83bb392849 100644
--- a/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.chart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import queue_chart_chart from './queue.chart.chart.vue';
 const meta = {
 	title: 'pages/admin/queue.chart.chart',
 	component: queue_chart_chart,
-};
+} satisfies Meta<typeof queue_chart_chart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof queue_chart_chart>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.chart.stories.ts b/packages/frontend/src/pages/admin/queue.chart.stories.ts
index 48c9aba4b8..105e5c9ef3 100644
--- a/packages/frontend/src/pages/admin/queue.chart.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.chart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import queue_chart from './queue.chart.vue';
 const meta = {
 	title: 'pages/admin/queue.chart',
 	component: queue_chart,
-};
+} satisfies Meta<typeof queue_chart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof queue_chart>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/queue.stories.ts b/packages/frontend/src/pages/admin/queue.stories.ts
index 08a32d0402..deb2445121 100644
--- a/packages/frontend/src/pages/admin/queue.stories.ts
+++ b/packages/frontend/src/pages/admin/queue.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import queue from './queue.vue';
 const meta = {
 	title: 'pages/admin/queue',
 	component: queue,
-};
+} satisfies Meta<typeof queue>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof queue>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/relays.stories.ts b/packages/frontend/src/pages/admin/relays.stories.ts
index aabd4d2fcf..c229b97fe6 100644
--- a/packages/frontend/src/pages/admin/relays.stories.ts
+++ b/packages/frontend/src/pages/admin/relays.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import relays from './relays.vue';
 const meta = {
 	title: 'pages/admin/relays',
 	component: relays,
-};
+} satisfies Meta<typeof relays>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof relays>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.edit.stories.ts b/packages/frontend/src/pages/admin/roles.edit.stories.ts
index 148cad434b..ed6f3dd9f4 100644
--- a/packages/frontend/src/pages/admin/roles.edit.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.edit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import roles_edit from './roles.edit.vue';
 const meta = {
 	title: 'pages/admin/roles.edit',
 	component: roles_edit,
-};
+} satisfies Meta<typeof roles_edit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof roles_edit>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.editor.stories.ts b/packages/frontend/src/pages/admin/roles.editor.stories.ts
index 91f0cd6656..201a2cf78c 100644
--- a/packages/frontend/src/pages/admin/roles.editor.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.editor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import roles_editor from './roles.editor.vue';
 const meta = {
 	title: 'pages/admin/roles.editor',
 	component: roles_editor,
-};
+} satisfies Meta<typeof roles_editor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof roles_editor>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.role.stories.ts b/packages/frontend/src/pages/admin/roles.role.stories.ts
index 4847b5d272..ae3a51a643 100644
--- a/packages/frontend/src/pages/admin/roles.role.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.role.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import roles_role from './roles.role.vue';
 const meta = {
 	title: 'pages/admin/roles.role',
 	component: roles_role,
-};
+} satisfies Meta<typeof roles_role>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof roles_role>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/roles.stories.ts b/packages/frontend/src/pages/admin/roles.stories.ts
index 1c6abb42be..4f789089ff 100644
--- a/packages/frontend/src/pages/admin/roles.stories.ts
+++ b/packages/frontend/src/pages/admin/roles.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import roles from './roles.vue';
 const meta = {
 	title: 'pages/admin/roles',
 	component: roles,
-};
+} satisfies Meta<typeof roles>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof roles>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/security.stories.ts b/packages/frontend/src/pages/admin/security.stories.ts
index 8785d2caf9..e483d86915 100644
--- a/packages/frontend/src/pages/admin/security.stories.ts
+++ b/packages/frontend/src/pages/admin/security.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import security from './security.vue';
 const meta = {
 	title: 'pages/admin/security',
 	component: security,
-};
+} satisfies Meta<typeof security>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof security>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/settings.stories.ts b/packages/frontend/src/pages/admin/settings.stories.ts
index 75a99d78ce..379cac5ba9 100644
--- a/packages/frontend/src/pages/admin/settings.stories.ts
+++ b/packages/frontend/src/pages/admin/settings.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import settings from './settings.vue';
 const meta = {
 	title: 'pages/admin/settings',
 	component: settings,
-};
+} satisfies Meta<typeof settings>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof settings>;
 export default meta;
diff --git a/packages/frontend/src/pages/admin/users.stories.ts b/packages/frontend/src/pages/admin/users.stories.ts
index 7d849fcece..2b02b44e89 100644
--- a/packages/frontend/src/pages/admin/users.stories.ts
+++ b/packages/frontend/src/pages/admin/users.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import users from './users.vue';
 const meta = {
 	title: 'pages/admin/users',
 	component: users,
-};
+} satisfies Meta<typeof users>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof users>;
 export default meta;
diff --git a/packages/frontend/src/pages/ads.stories.ts b/packages/frontend/src/pages/ads.stories.ts
index c02055d8ea..0bfae5ec48 100644
--- a/packages/frontend/src/pages/ads.stories.ts
+++ b/packages/frontend/src/pages/ads.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import ads from './ads.vue';
 const meta = {
 	title: 'pages/ads',
 	component: ads,
-};
+} satisfies Meta<typeof ads>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof ads>;
 export default meta;
diff --git a/packages/frontend/src/pages/announcements.stories.ts b/packages/frontend/src/pages/announcements.stories.ts
index 4835a4c327..b882ca5a3c 100644
--- a/packages/frontend/src/pages/announcements.stories.ts
+++ b/packages/frontend/src/pages/announcements.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import announcements from './announcements.vue';
 const meta = {
 	title: 'pages/announcements',
 	component: announcements,
-};
+} satisfies Meta<typeof announcements>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof announcements>;
 export default meta;
diff --git a/packages/frontend/src/pages/antenna-timeline.stories.ts b/packages/frontend/src/pages/antenna-timeline.stories.ts
index c16f408a53..20cba71e7e 100644
--- a/packages/frontend/src/pages/antenna-timeline.stories.ts
+++ b/packages/frontend/src/pages/antenna-timeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import antenna_timeline from './antenna-timeline.vue';
 const meta = {
 	title: 'pages/antenna-timeline',
 	component: antenna_timeline,
-};
+} satisfies Meta<typeof antenna_timeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof antenna_timeline>;
 export default meta;
diff --git a/packages/frontend/src/pages/api-console.stories.ts b/packages/frontend/src/pages/api-console.stories.ts
index dda2502d5a..015c50b87c 100644
--- a/packages/frontend/src/pages/api-console.stories.ts
+++ b/packages/frontend/src/pages/api-console.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import api_console from './api-console.vue';
 const meta = {
 	title: 'pages/api-console',
 	component: api_console,
-};
+} satisfies Meta<typeof api_console>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof api_console>;
 export default meta;
diff --git a/packages/frontend/src/pages/auth.form.stories.ts b/packages/frontend/src/pages/auth.form.stories.ts
index 6cdae41880..30358e2d11 100644
--- a/packages/frontend/src/pages/auth.form.stories.ts
+++ b/packages/frontend/src/pages/auth.form.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import auth_form from './auth.form.vue';
 const meta = {
 	title: 'pages/auth.form',
 	component: auth_form,
-};
+} satisfies Meta<typeof auth_form>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof auth_form>;
 export default meta;
diff --git a/packages/frontend/src/pages/auth.stories.ts b/packages/frontend/src/pages/auth.stories.ts
index 37f365581d..ebf3d2ac45 100644
--- a/packages/frontend/src/pages/auth.stories.ts
+++ b/packages/frontend/src/pages/auth.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import auth from './auth.vue';
 const meta = {
 	title: 'pages/auth',
 	component: auth,
-};
+} satisfies Meta<typeof auth>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof auth>;
 export default meta;
diff --git a/packages/frontend/src/pages/channel-editor.stories.ts b/packages/frontend/src/pages/channel-editor.stories.ts
index 9928ede95d..fa0eae5b36 100644
--- a/packages/frontend/src/pages/channel-editor.stories.ts
+++ b/packages/frontend/src/pages/channel-editor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import channel_editor from './channel-editor.vue';
 const meta = {
 	title: 'pages/channel-editor',
 	component: channel_editor,
-};
+} satisfies Meta<typeof channel_editor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof channel_editor>;
 export default meta;
diff --git a/packages/frontend/src/pages/channel.stories.ts b/packages/frontend/src/pages/channel.stories.ts
index bcb5b82222..daf90c86ff 100644
--- a/packages/frontend/src/pages/channel.stories.ts
+++ b/packages/frontend/src/pages/channel.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import channel from './channel.vue';
 const meta = {
 	title: 'pages/channel',
 	component: channel,
-};
+} satisfies Meta<typeof channel>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof channel>;
 export default meta;
diff --git a/packages/frontend/src/pages/channels.stories.ts b/packages/frontend/src/pages/channels.stories.ts
index 0e35ca4531..3bab3c0263 100644
--- a/packages/frontend/src/pages/channels.stories.ts
+++ b/packages/frontend/src/pages/channels.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import channels from './channels.vue';
 const meta = {
 	title: 'pages/channels',
 	component: channels,
-};
+} satisfies Meta<typeof channels>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof channels>;
 export default meta;
diff --git a/packages/frontend/src/pages/clicker.stories.ts b/packages/frontend/src/pages/clicker.stories.ts
index 5ed6fc048d..7229ed1290 100644
--- a/packages/frontend/src/pages/clicker.stories.ts
+++ b/packages/frontend/src/pages/clicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import clicker from './clicker.vue';
 const meta = {
 	title: 'pages/clicker',
 	component: clicker,
-};
+} satisfies Meta<typeof clicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof clicker>;
 export default meta;
diff --git a/packages/frontend/src/pages/clip.stories.ts b/packages/frontend/src/pages/clip.stories.ts
index c2e6f056f0..1c11467c03 100644
--- a/packages/frontend/src/pages/clip.stories.ts
+++ b/packages/frontend/src/pages/clip.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import clip from './clip.vue';
 const meta = {
 	title: 'pages/clip',
 	component: clip,
-};
+} satisfies Meta<typeof clip>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof clip>;
 export default meta;
diff --git a/packages/frontend/src/pages/custom-emojis-manager.stories.ts b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
index 44d87b4288..9f05aa76d4 100644
--- a/packages/frontend/src/pages/custom-emojis-manager.stories.ts
+++ b/packages/frontend/src/pages/custom-emojis-manager.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import custom_emojis_manager from './custom-emojis-manager.vue';
 const meta = {
 	title: 'pages/custom-emojis-manager',
 	component: custom_emojis_manager,
-};
+} satisfies Meta<typeof custom_emojis_manager>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof custom_emojis_manager>;
 export default meta;
diff --git a/packages/frontend/src/pages/drive.stories.ts b/packages/frontend/src/pages/drive.stories.ts
index 56c6ff72d9..04d767be63 100644
--- a/packages/frontend/src/pages/drive.stories.ts
+++ b/packages/frontend/src/pages/drive.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import drive from './drive.vue';
 const meta = {
 	title: 'pages/drive',
 	component: drive,
-};
+} satisfies Meta<typeof drive>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof drive>;
 export default meta;
diff --git a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
index e675bbe438..fba0df28e0 100644
--- a/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
+++ b/packages/frontend/src/pages/emoji-edit-dialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import emoji_edit_dialog from './emoji-edit-dialog.vue';
 const meta = {
 	title: 'pages/emoji-edit-dialog',
 	component: emoji_edit_dialog,
-};
+} satisfies Meta<typeof emoji_edit_dialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof emoji_edit_dialog>;
 export default meta;
diff --git a/packages/frontend/src/pages/emojis.emoji.stories.ts b/packages/frontend/src/pages/emojis.emoji.stories.ts
index bda94c9b9a..76a6598b0f 100644
--- a/packages/frontend/src/pages/emojis.emoji.stories.ts
+++ b/packages/frontend/src/pages/emojis.emoji.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import emojis_emoji from './emojis.emoji.vue';
 const meta = {
 	title: 'pages/emojis.emoji',
 	component: emojis_emoji,
-};
+} satisfies Meta<typeof emojis_emoji>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof emojis_emoji>;
 export default meta;
diff --git a/packages/frontend/src/pages/explore.featured.stories.ts b/packages/frontend/src/pages/explore.featured.stories.ts
index b04eee4264..7c5a7e7527 100644
--- a/packages/frontend/src/pages/explore.featured.stories.ts
+++ b/packages/frontend/src/pages/explore.featured.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import explore_featured from './explore.featured.vue';
 const meta = {
 	title: 'pages/explore.featured',
 	component: explore_featured,
-};
+} satisfies Meta<typeof explore_featured>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof explore_featured>;
 export default meta;
diff --git a/packages/frontend/src/pages/explore.roles.stories.ts b/packages/frontend/src/pages/explore.roles.stories.ts
index 44ff94c7ae..636403b7ae 100644
--- a/packages/frontend/src/pages/explore.roles.stories.ts
+++ b/packages/frontend/src/pages/explore.roles.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import explore_roles from './explore.roles.vue';
 const meta = {
 	title: 'pages/explore.roles',
 	component: explore_roles,
-};
+} satisfies Meta<typeof explore_roles>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof explore_roles>;
 export default meta;
diff --git a/packages/frontend/src/pages/explore.stories.ts b/packages/frontend/src/pages/explore.stories.ts
index 5aa5efe566..2d5425c197 100644
--- a/packages/frontend/src/pages/explore.stories.ts
+++ b/packages/frontend/src/pages/explore.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import explore from './explore.vue';
 const meta = {
 	title: 'pages/explore',
 	component: explore,
-};
+} satisfies Meta<typeof explore>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof explore>;
 export default meta;
diff --git a/packages/frontend/src/pages/explore.users.stories.ts b/packages/frontend/src/pages/explore.users.stories.ts
index 4ce52c9886..b8a61d311b 100644
--- a/packages/frontend/src/pages/explore.users.stories.ts
+++ b/packages/frontend/src/pages/explore.users.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import explore_users from './explore.users.vue';
 const meta = {
 	title: 'pages/explore.users',
 	component: explore_users,
-};
+} satisfies Meta<typeof explore_users>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof explore_users>;
 export default meta;
diff --git a/packages/frontend/src/pages/favorites.stories.ts b/packages/frontend/src/pages/favorites.stories.ts
index 76c1882195..33189eb6d6 100644
--- a/packages/frontend/src/pages/favorites.stories.ts
+++ b/packages/frontend/src/pages/favorites.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import favorites from './favorites.vue';
 const meta = {
 	title: 'pages/favorites',
 	component: favorites,
-};
+} satisfies Meta<typeof favorites>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof favorites>;
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash-edit.stories.ts b/packages/frontend/src/pages/flash/flash-edit.stories.ts
index 27376858e0..a280a9c74f 100644
--- a/packages/frontend/src/pages/flash/flash-edit.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-edit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import flash_edit from './flash-edit.vue';
 const meta = {
 	title: 'pages/flash/flash-edit',
 	component: flash_edit,
-};
+} satisfies Meta<typeof flash_edit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof flash_edit>;
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash-index.stories.ts b/packages/frontend/src/pages/flash/flash-index.stories.ts
index 327506577f..0452a498ca 100644
--- a/packages/frontend/src/pages/flash/flash-index.stories.ts
+++ b/packages/frontend/src/pages/flash/flash-index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import flash_index from './flash-index.vue';
 const meta = {
 	title: 'pages/flash/flash-index',
 	component: flash_index,
-};
+} satisfies Meta<typeof flash_index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof flash_index>;
 export default meta;
diff --git a/packages/frontend/src/pages/flash/flash.stories.ts b/packages/frontend/src/pages/flash/flash.stories.ts
index e0ff01a0b8..1fb4f9406f 100644
--- a/packages/frontend/src/pages/flash/flash.stories.ts
+++ b/packages/frontend/src/pages/flash/flash.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import flash from './flash.vue';
 const meta = {
 	title: 'pages/flash/flash',
 	component: flash,
-};
+} satisfies Meta<typeof flash>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof flash>;
 export default meta;
diff --git a/packages/frontend/src/pages/follow-requests.stories.ts b/packages/frontend/src/pages/follow-requests.stories.ts
index 8654604b6f..a13906dcc9 100644
--- a/packages/frontend/src/pages/follow-requests.stories.ts
+++ b/packages/frontend/src/pages/follow-requests.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import follow_requests from './follow-requests.vue';
 const meta = {
 	title: 'pages/follow-requests',
 	component: follow_requests,
-};
+} satisfies Meta<typeof follow_requests>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof follow_requests>;
 export default meta;
diff --git a/packages/frontend/src/pages/follow.stories.ts b/packages/frontend/src/pages/follow.stories.ts
index b9090d158b..b833f094d5 100644
--- a/packages/frontend/src/pages/follow.stories.ts
+++ b/packages/frontend/src/pages/follow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import follow from './follow.vue';
 const meta = {
 	title: 'pages/follow',
 	component: follow,
-};
+} satisfies Meta<typeof follow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof follow>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/edit.stories.ts b/packages/frontend/src/pages/gallery/edit.stories.ts
index 6bf05086b6..ae8e9bf3ff 100644
--- a/packages/frontend/src/pages/gallery/edit.stories.ts
+++ b/packages/frontend/src/pages/gallery/edit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import edit from './edit.vue';
 const meta = {
 	title: 'pages/gallery/edit',
 	component: edit,
-};
+} satisfies Meta<typeof edit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof edit>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/index.stories.ts b/packages/frontend/src/pages/gallery/index.stories.ts
index 57d8be035a..36ca145387 100644
--- a/packages/frontend/src/pages/gallery/index.stories.ts
+++ b/packages/frontend/src/pages/gallery/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/gallery/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/gallery/post.stories.ts b/packages/frontend/src/pages/gallery/post.stories.ts
index 1bafccebde..b94095c815 100644
--- a/packages/frontend/src/pages/gallery/post.stories.ts
+++ b/packages/frontend/src/pages/gallery/post.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import post from './post.vue';
 const meta = {
 	title: 'pages/gallery/post',
 	component: post,
-};
+} satisfies Meta<typeof post>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof post>;
 export default meta;
diff --git a/packages/frontend/src/pages/instance-info.stories.ts b/packages/frontend/src/pages/instance-info.stories.ts
index 311a27a877..c09cb3dc8f 100644
--- a/packages/frontend/src/pages/instance-info.stories.ts
+++ b/packages/frontend/src/pages/instance-info.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import instance_info from './instance-info.vue';
 const meta = {
 	title: 'pages/instance-info',
 	component: instance_info,
-};
+} satisfies Meta<typeof instance_info>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof instance_info>;
 export default meta;
diff --git a/packages/frontend/src/pages/miauth.stories.ts b/packages/frontend/src/pages/miauth.stories.ts
index b668f03cd0..1ef072dbf5 100644
--- a/packages/frontend/src/pages/miauth.stories.ts
+++ b/packages/frontend/src/pages/miauth.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import miauth from './miauth.vue';
 const meta = {
 	title: 'pages/miauth',
 	component: miauth,
-};
+} satisfies Meta<typeof miauth>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof miauth>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/create.stories.ts b/packages/frontend/src/pages/my-antennas/create.stories.ts
index 310cfe61f7..615f856145 100644
--- a/packages/frontend/src/pages/my-antennas/create.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/create.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import create from './create.vue';
 const meta = {
 	title: 'pages/my-antennas/create',
 	component: create,
-};
+} satisfies Meta<typeof create>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof create>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/edit.stories.ts b/packages/frontend/src/pages/my-antennas/edit.stories.ts
index 51202b066e..0e3d882f75 100644
--- a/packages/frontend/src/pages/my-antennas/edit.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/edit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import edit from './edit.vue';
 const meta = {
 	title: 'pages/my-antennas/edit',
 	component: edit,
-};
+} satisfies Meta<typeof edit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof edit>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/editor.stories.ts b/packages/frontend/src/pages/my-antennas/editor.stories.ts
index 88a96edffb..7d84732ea5 100644
--- a/packages/frontend/src/pages/my-antennas/editor.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/editor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import editor from './editor.vue';
 const meta = {
 	title: 'pages/my-antennas/editor',
 	component: editor,
-};
+} satisfies Meta<typeof editor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof editor>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-antennas/index.stories.ts b/packages/frontend/src/pages/my-antennas/index.stories.ts
index f0c356b49b..cf2a08a82c 100644
--- a/packages/frontend/src/pages/my-antennas/index.stories.ts
+++ b/packages/frontend/src/pages/my-antennas/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/my-antennas/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-clips/index.stories.ts b/packages/frontend/src/pages/my-clips/index.stories.ts
index a84ba350bc..2f8c0b0ce7 100644
--- a/packages/frontend/src/pages/my-clips/index.stories.ts
+++ b/packages/frontend/src/pages/my-clips/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/my-clips/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/index.stories.ts b/packages/frontend/src/pages/my-lists/index.stories.ts
index ae76937e09..33bf24cdce 100644
--- a/packages/frontend/src/pages/my-lists/index.stories.ts
+++ b/packages/frontend/src/pages/my-lists/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/my-lists/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/my-lists/list.stories.ts b/packages/frontend/src/pages/my-lists/list.stories.ts
index 7ed8f30097..50791af89a 100644
--- a/packages/frontend/src/pages/my-lists/list.stories.ts
+++ b/packages/frontend/src/pages/my-lists/list.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import list from './list.vue';
 const meta = {
 	title: 'pages/my-lists/list',
 	component: list,
-};
+} satisfies Meta<typeof list>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof list>;
 export default meta;
diff --git a/packages/frontend/src/pages/not-found.stories.ts b/packages/frontend/src/pages/not-found.stories.ts
index 03c1b8103d..29ee7f1c33 100644
--- a/packages/frontend/src/pages/not-found.stories.ts
+++ b/packages/frontend/src/pages/not-found.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import not_found from './not-found.vue';
 const meta = {
 	title: 'pages/not-found',
 	component: not_found,
-};
+} satisfies Meta<typeof not_found>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof not_found>;
 export default meta;
diff --git a/packages/frontend/src/pages/note.stories.ts b/packages/frontend/src/pages/note.stories.ts
index fc88632ce0..2ee7bc9d66 100644
--- a/packages/frontend/src/pages/note.stories.ts
+++ b/packages/frontend/src/pages/note.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import note from './note.vue';
 const meta = {
 	title: 'pages/note',
 	component: note,
-};
+} satisfies Meta<typeof note>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof note>;
 export default meta;
diff --git a/packages/frontend/src/pages/notifications.stories.ts b/packages/frontend/src/pages/notifications.stories.ts
index 8a81613b09..47f904a949 100644
--- a/packages/frontend/src/pages/notifications.stories.ts
+++ b/packages/frontend/src/pages/notifications.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import notifications from './notifications.vue';
 const meta = {
 	title: 'pages/notifications',
 	component: notifications,
-};
+} satisfies Meta<typeof notifications>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof notifications>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
index 94eeb054c6..5e06e31447 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.image.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_el_image from './page-editor.el.image.vue';
 const meta = {
 	title: 'pages/page-editor/els/page-editor.el.image',
 	component: page_editor_el_image,
-};
+} satisfies Meta<typeof page_editor_el_image>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_el_image>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
index 9b767672c5..0cb64ffc40 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.note.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_el_note from './page-editor.el.note.vue';
 const meta = {
 	title: 'pages/page-editor/els/page-editor.el.note',
 	component: page_editor_el_note,
-};
+} satisfies Meta<typeof page_editor_el_note>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_el_note>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
index f40039517a..f294a7d128 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.section.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_el_section from './page-editor.el.section.vue';
 const meta = {
 	title: 'pages/page-editor/els/page-editor.el.section',
 	component: page_editor_el_section,
-};
+} satisfies Meta<typeof page_editor_el_section>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_el_section>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
index 6e4bc9bbd4..5b1b1ca397 100644
--- a/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
+++ b/packages/frontend/src/pages/page-editor/els/page-editor.el.text.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_el_text from './page-editor.el.text.vue';
 const meta = {
 	title: 'pages/page-editor/els/page-editor.el.text',
 	component: page_editor_el_text,
-};
+} satisfies Meta<typeof page_editor_el_text>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_el_text>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
index e753a96028..65b4f56a6d 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.blocks.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_blocks from './page-editor.blocks.vue';
 const meta = {
 	title: 'pages/page-editor/page-editor.blocks',
 	component: page_editor_blocks,
-};
+} satisfies Meta<typeof page_editor_blocks>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_blocks>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
index 77a4836f3b..49f9437cee 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.container.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor_container from './page-editor.container.vue';
 const meta = {
 	title: 'pages/page-editor/page-editor.container',
 	component: page_editor_container,
-};
+} satisfies Meta<typeof page_editor_container>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor_container>;
 export default meta;
diff --git a/packages/frontend/src/pages/page-editor/page-editor.stories.ts b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
index 59c0989381..e044fc5ac3 100644
--- a/packages/frontend/src/pages/page-editor/page-editor.stories.ts
+++ b/packages/frontend/src/pages/page-editor/page-editor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page_editor from './page-editor.vue';
 const meta = {
 	title: 'pages/page-editor/page-editor',
 	component: page_editor,
-};
+} satisfies Meta<typeof page_editor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page_editor>;
 export default meta;
diff --git a/packages/frontend/src/pages/page.stories.ts b/packages/frontend/src/pages/page.stories.ts
index 910deaca49..5e78ad4801 100644
--- a/packages/frontend/src/pages/page.stories.ts
+++ b/packages/frontend/src/pages/page.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import page from './page.vue';
 const meta = {
 	title: 'pages/page',
 	component: page,
-};
+} satisfies Meta<typeof page>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof page>;
 export default meta;
diff --git a/packages/frontend/src/pages/pages.stories.ts b/packages/frontend/src/pages/pages.stories.ts
index 2d8f53bda1..249e4e377e 100644
--- a/packages/frontend/src/pages/pages.stories.ts
+++ b/packages/frontend/src/pages/pages.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import pages from './pages.vue';
 const meta = {
 	title: 'pages/pages',
 	component: pages,
-};
+} satisfies Meta<typeof pages>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof pages>;
 export default meta;
diff --git a/packages/frontend/src/pages/preview.stories.ts b/packages/frontend/src/pages/preview.stories.ts
index 6605c45876..9131e31061 100644
--- a/packages/frontend/src/pages/preview.stories.ts
+++ b/packages/frontend/src/pages/preview.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import preview from './preview.vue';
 const meta = {
 	title: 'pages/preview',
 	component: preview,
-};
+} satisfies Meta<typeof preview>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof preview>;
 export default meta;
diff --git a/packages/frontend/src/pages/registry.keys.stories.ts b/packages/frontend/src/pages/registry.keys.stories.ts
index 0d710acff3..9843a5f014 100644
--- a/packages/frontend/src/pages/registry.keys.stories.ts
+++ b/packages/frontend/src/pages/registry.keys.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import registry_keys from './registry.keys.vue';
 const meta = {
 	title: 'pages/registry.keys',
 	component: registry_keys,
-};
+} satisfies Meta<typeof registry_keys>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof registry_keys>;
 export default meta;
diff --git a/packages/frontend/src/pages/registry.stories.ts b/packages/frontend/src/pages/registry.stories.ts
index 776c153adc..c28edaa870 100644
--- a/packages/frontend/src/pages/registry.stories.ts
+++ b/packages/frontend/src/pages/registry.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import registry from './registry.vue';
 const meta = {
 	title: 'pages/registry',
 	component: registry,
-};
+} satisfies Meta<typeof registry>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof registry>;
 export default meta;
diff --git a/packages/frontend/src/pages/registry.value.stories.ts b/packages/frontend/src/pages/registry.value.stories.ts
index d90bc4edda..91e2afc987 100644
--- a/packages/frontend/src/pages/registry.value.stories.ts
+++ b/packages/frontend/src/pages/registry.value.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import registry_value from './registry.value.vue';
 const meta = {
 	title: 'pages/registry.value',
 	component: registry_value,
-};
+} satisfies Meta<typeof registry_value>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof registry_value>;
 export default meta;
diff --git a/packages/frontend/src/pages/reset-password.stories.ts b/packages/frontend/src/pages/reset-password.stories.ts
index e478a2706e..add1262acf 100644
--- a/packages/frontend/src/pages/reset-password.stories.ts
+++ b/packages/frontend/src/pages/reset-password.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import reset_password from './reset-password.vue';
 const meta = {
 	title: 'pages/reset-password',
 	component: reset_password,
-};
+} satisfies Meta<typeof reset_password>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof reset_password>;
 export default meta;
diff --git a/packages/frontend/src/pages/role.stories.ts b/packages/frontend/src/pages/role.stories.ts
index f1cfe66607..e2bfe127ba 100644
--- a/packages/frontend/src/pages/role.stories.ts
+++ b/packages/frontend/src/pages/role.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import role from './role.vue';
 const meta = {
 	title: 'pages/role',
 	component: role,
-};
+} satisfies Meta<typeof role>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof role>;
 export default meta;
diff --git a/packages/frontend/src/pages/scratchpad.stories.ts b/packages/frontend/src/pages/scratchpad.stories.ts
index a5ea5b36e3..9ec876c4ea 100644
--- a/packages/frontend/src/pages/scratchpad.stories.ts
+++ b/packages/frontend/src/pages/scratchpad.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import scratchpad from './scratchpad.vue';
 const meta = {
 	title: 'pages/scratchpad',
 	component: scratchpad,
-};
+} satisfies Meta<typeof scratchpad>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof scratchpad>;
 export default meta;
diff --git a/packages/frontend/src/pages/search.stories.ts b/packages/frontend/src/pages/search.stories.ts
index 05d2603dfe..9200f38160 100644
--- a/packages/frontend/src/pages/search.stories.ts
+++ b/packages/frontend/src/pages/search.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import search from './search.vue';
 const meta = {
 	title: 'pages/search',
 	component: search,
-};
+} satisfies Meta<typeof search>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof search>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
index 54d1d959b2..fc9a221e40 100644
--- a/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.qrdialog.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _2fa_qrdialog from './2fa.qrdialog.vue';
 const meta = {
 	title: 'pages/settings/2fa.qrdialog',
 	component: _2fa_qrdialog,
-};
+} satisfies Meta<typeof _2fa_qrdialog>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _2fa_qrdialog>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/2fa.stories.ts b/packages/frontend/src/pages/settings/2fa.stories.ts
index 9d6a887484..540753b61c 100644
--- a/packages/frontend/src/pages/settings/2fa.stories.ts
+++ b/packages/frontend/src/pages/settings/2fa.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import _2fa from './2fa.vue';
 const meta = {
 	title: 'pages/settings/2fa',
 	component: _2fa,
-};
+} satisfies Meta<typeof _2fa>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof _2fa>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/account-info.stories.ts b/packages/frontend/src/pages/settings/account-info.stories.ts
index 0fb998b3e4..d7871eb875 100644
--- a/packages/frontend/src/pages/settings/account-info.stories.ts
+++ b/packages/frontend/src/pages/settings/account-info.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import account_info from './account-info.vue';
 const meta = {
 	title: 'pages/settings/account-info',
 	component: account_info,
-};
+} satisfies Meta<typeof account_info>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof account_info>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/accounts.stories.ts b/packages/frontend/src/pages/settings/accounts.stories.ts
index 9996274c78..4445ffd815 100644
--- a/packages/frontend/src/pages/settings/accounts.stories.ts
+++ b/packages/frontend/src/pages/settings/accounts.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import accounts from './accounts.vue';
 const meta = {
 	title: 'pages/settings/accounts',
 	component: accounts,
-};
+} satisfies Meta<typeof accounts>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof accounts>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/api.stories.ts b/packages/frontend/src/pages/settings/api.stories.ts
index bb3194c561..ab74444191 100644
--- a/packages/frontend/src/pages/settings/api.stories.ts
+++ b/packages/frontend/src/pages/settings/api.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import api from './api.vue';
 const meta = {
 	title: 'pages/settings/api',
 	component: api,
-};
+} satisfies Meta<typeof api>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof api>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/apps.stories.ts b/packages/frontend/src/pages/settings/apps.stories.ts
index 038848986b..f82b8e3640 100644
--- a/packages/frontend/src/pages/settings/apps.stories.ts
+++ b/packages/frontend/src/pages/settings/apps.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import apps from './apps.vue';
 const meta = {
 	title: 'pages/settings/apps',
 	component: apps,
-};
+} satisfies Meta<typeof apps>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof apps>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/custom-css.stories.ts b/packages/frontend/src/pages/settings/custom-css.stories.ts
index 7b7cc913fc..6c861d419e 100644
--- a/packages/frontend/src/pages/settings/custom-css.stories.ts
+++ b/packages/frontend/src/pages/settings/custom-css.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import custom_css from './custom-css.vue';
 const meta = {
 	title: 'pages/settings/custom-css',
 	component: custom_css,
-};
+} satisfies Meta<typeof custom_css>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof custom_css>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/deck.stories.ts b/packages/frontend/src/pages/settings/deck.stories.ts
index e6c51bc005..1762786675 100644
--- a/packages/frontend/src/pages/settings/deck.stories.ts
+++ b/packages/frontend/src/pages/settings/deck.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import deck from './deck.vue';
 const meta = {
 	title: 'pages/settings/deck',
 	component: deck,
-};
+} satisfies Meta<typeof deck>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof deck>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/delete-account.stories.ts b/packages/frontend/src/pages/settings/delete-account.stories.ts
index 4f5cf2c094..32b8f00670 100644
--- a/packages/frontend/src/pages/settings/delete-account.stories.ts
+++ b/packages/frontend/src/pages/settings/delete-account.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import delete_account from './delete-account.vue';
 const meta = {
 	title: 'pages/settings/delete-account',
 	component: delete_account,
-};
+} satisfies Meta<typeof delete_account>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof delete_account>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/drive.stories.ts b/packages/frontend/src/pages/settings/drive.stories.ts
index 140615641c..29328bac81 100644
--- a/packages/frontend/src/pages/settings/drive.stories.ts
+++ b/packages/frontend/src/pages/settings/drive.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import drive from './drive.vue';
 const meta = {
 	title: 'pages/settings/drive',
 	component: drive,
-};
+} satisfies Meta<typeof drive>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof drive>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/email.stories.ts b/packages/frontend/src/pages/settings/email.stories.ts
index 043f23a484..8d3e25263a 100644
--- a/packages/frontend/src/pages/settings/email.stories.ts
+++ b/packages/frontend/src/pages/settings/email.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import email from './email.vue';
 const meta = {
 	title: 'pages/settings/email',
 	component: email,
-};
+} satisfies Meta<typeof email>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof email>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/general.stories.ts b/packages/frontend/src/pages/settings/general.stories.ts
index 09237cf350..e85cead28a 100644
--- a/packages/frontend/src/pages/settings/general.stories.ts
+++ b/packages/frontend/src/pages/settings/general.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import general from './general.vue';
 const meta = {
 	title: 'pages/settings/general',
 	component: general,
-};
+} satisfies Meta<typeof general>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof general>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/import-export.stories.ts b/packages/frontend/src/pages/settings/import-export.stories.ts
index 9d05bd5c25..af45540613 100644
--- a/packages/frontend/src/pages/settings/import-export.stories.ts
+++ b/packages/frontend/src/pages/settings/import-export.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import import_export from './import-export.vue';
 const meta = {
 	title: 'pages/settings/import-export',
 	component: import_export,
-};
+} satisfies Meta<typeof import_export>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof import_export>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/index.stories.ts b/packages/frontend/src/pages/settings/index.stories.ts
index 6b5f9e0c3d..f2f5b94a46 100644
--- a/packages/frontend/src/pages/settings/index.stories.ts
+++ b/packages/frontend/src/pages/settings/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/settings/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/instance-mute.stories.ts b/packages/frontend/src/pages/settings/instance-mute.stories.ts
index fb333bb1d0..8e62714af1 100644
--- a/packages/frontend/src/pages/settings/instance-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/instance-mute.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import instance_mute from './instance-mute.vue';
 const meta = {
 	title: 'pages/settings/instance-mute',
 	component: instance_mute,
-};
+} satisfies Meta<typeof instance_mute>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof instance_mute>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/mute-block.stories.ts b/packages/frontend/src/pages/settings/mute-block.stories.ts
index fd84608d50..6591d783f6 100644
--- a/packages/frontend/src/pages/settings/mute-block.stories.ts
+++ b/packages/frontend/src/pages/settings/mute-block.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import mute_block from './mute-block.vue';
 const meta = {
 	title: 'pages/settings/mute-block',
 	component: mute_block,
-};
+} satisfies Meta<typeof mute_block>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof mute_block>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/navbar.stories.ts b/packages/frontend/src/pages/settings/navbar.stories.ts
index 3fc2b9a867..62fdbb0c80 100644
--- a/packages/frontend/src/pages/settings/navbar.stories.ts
+++ b/packages/frontend/src/pages/settings/navbar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import navbar from './navbar.vue';
 const meta = {
 	title: 'pages/settings/navbar',
 	component: navbar,
-};
+} satisfies Meta<typeof navbar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof navbar>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/notifications.stories.ts b/packages/frontend/src/pages/settings/notifications.stories.ts
index 0c19456852..ceceb9ff1b 100644
--- a/packages/frontend/src/pages/settings/notifications.stories.ts
+++ b/packages/frontend/src/pages/settings/notifications.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import notifications from './notifications.vue';
 const meta = {
 	title: 'pages/settings/notifications',
 	component: notifications,
-};
+} satisfies Meta<typeof notifications>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof notifications>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/other.stories.ts b/packages/frontend/src/pages/settings/other.stories.ts
index 83e7cce2b4..d3e2d2d462 100644
--- a/packages/frontend/src/pages/settings/other.stories.ts
+++ b/packages/frontend/src/pages/settings/other.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import other from './other.vue';
 const meta = {
 	title: 'pages/settings/other',
 	component: other,
-};
+} satisfies Meta<typeof other>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof other>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/plugin.install.stories.ts b/packages/frontend/src/pages/settings/plugin.install.stories.ts
index bace922ca8..d0b10f0e37 100644
--- a/packages/frontend/src/pages/settings/plugin.install.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.install.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import plugin_install from './plugin.install.vue';
 const meta = {
 	title: 'pages/settings/plugin.install',
 	component: plugin_install,
-};
+} satisfies Meta<typeof plugin_install>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof plugin_install>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/plugin.stories.ts b/packages/frontend/src/pages/settings/plugin.stories.ts
index 88e14e32de..8e59824268 100644
--- a/packages/frontend/src/pages/settings/plugin.stories.ts
+++ b/packages/frontend/src/pages/settings/plugin.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import plugin from './plugin.vue';
 const meta = {
 	title: 'pages/settings/plugin',
 	component: plugin,
-};
+} satisfies Meta<typeof plugin>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof plugin>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/preferences-backups.stories.ts b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
index 812329857f..7f27b48ce0 100644
--- a/packages/frontend/src/pages/settings/preferences-backups.stories.ts
+++ b/packages/frontend/src/pages/settings/preferences-backups.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import preferences_backups from './preferences-backups.vue';
 const meta = {
 	title: 'pages/settings/preferences-backups',
 	component: preferences_backups,
-};
+} satisfies Meta<typeof preferences_backups>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof preferences_backups>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/privacy.stories.ts b/packages/frontend/src/pages/settings/privacy.stories.ts
index e2b2ab905b..b3cc031039 100644
--- a/packages/frontend/src/pages/settings/privacy.stories.ts
+++ b/packages/frontend/src/pages/settings/privacy.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import privacy from './privacy.vue';
 const meta = {
 	title: 'pages/settings/privacy',
 	component: privacy,
-};
+} satisfies Meta<typeof privacy>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof privacy>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/profile.stories.ts b/packages/frontend/src/pages/settings/profile.stories.ts
index 302a1a37b9..f0d1684b0e 100644
--- a/packages/frontend/src/pages/settings/profile.stories.ts
+++ b/packages/frontend/src/pages/settings/profile.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import profile from './profile.vue';
 const meta = {
 	title: 'pages/settings/profile',
 	component: profile,
-};
+} satisfies Meta<typeof profile>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof profile>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/reaction.stories.ts b/packages/frontend/src/pages/settings/reaction.stories.ts
index 7328d53bd7..a985ba34da 100644
--- a/packages/frontend/src/pages/settings/reaction.stories.ts
+++ b/packages/frontend/src/pages/settings/reaction.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import reaction from './reaction.vue';
 const meta = {
 	title: 'pages/settings/reaction',
 	component: reaction,
-};
+} satisfies Meta<typeof reaction>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof reaction>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/roles.stories.ts b/packages/frontend/src/pages/settings/roles.stories.ts
index 0cbf932ce5..0ab5412f74 100644
--- a/packages/frontend/src/pages/settings/roles.stories.ts
+++ b/packages/frontend/src/pages/settings/roles.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import roles from './roles.vue';
 const meta = {
 	title: 'pages/settings/roles',
 	component: roles,
-};
+} satisfies Meta<typeof roles>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof roles>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/security.stories.ts b/packages/frontend/src/pages/settings/security.stories.ts
index 7997beeca4..fb003ab05f 100644
--- a/packages/frontend/src/pages/settings/security.stories.ts
+++ b/packages/frontend/src/pages/settings/security.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import security from './security.vue';
 const meta = {
 	title: 'pages/settings/security',
 	component: security,
-};
+} satisfies Meta<typeof security>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof security>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/sounds.sound.stories.ts b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
index bb1d5fc873..c11573758c 100644
--- a/packages/frontend/src/pages/settings/sounds.sound.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.sound.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import sounds_sound from './sounds.sound.vue';
 const meta = {
 	title: 'pages/settings/sounds.sound',
 	component: sounds_sound,
-};
+} satisfies Meta<typeof sounds_sound>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof sounds_sound>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/sounds.stories.ts b/packages/frontend/src/pages/settings/sounds.stories.ts
index 121f81ccab..a8304f2792 100644
--- a/packages/frontend/src/pages/settings/sounds.stories.ts
+++ b/packages/frontend/src/pages/settings/sounds.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import sounds from './sounds.vue';
 const meta = {
 	title: 'pages/settings/sounds',
 	component: sounds,
-};
+} satisfies Meta<typeof sounds>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof sounds>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
index 77e6f04e08..88d163337e 100644
--- a/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.statusbar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbar_statusbar from './statusbar.statusbar.vue';
 const meta = {
 	title: 'pages/settings/statusbar.statusbar',
 	component: statusbar_statusbar,
-};
+} satisfies Meta<typeof statusbar_statusbar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof statusbar_statusbar>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/statusbar.stories.ts b/packages/frontend/src/pages/settings/statusbar.stories.ts
index 75f6acc6fb..9e2246c2a5 100644
--- a/packages/frontend/src/pages/settings/statusbar.stories.ts
+++ b/packages/frontend/src/pages/settings/statusbar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbar from './statusbar.vue';
 const meta = {
 	title: 'pages/settings/statusbar',
 	component: statusbar,
-};
+} satisfies Meta<typeof statusbar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof statusbar>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.install.stories.ts b/packages/frontend/src/pages/settings/theme.install.stories.ts
index 7aa772208e..ff8e996bf4 100644
--- a/packages/frontend/src/pages/settings/theme.install.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.install.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import theme_install from './theme.install.vue';
 const meta = {
 	title: 'pages/settings/theme.install',
 	component: theme_install,
-};
+} satisfies Meta<typeof theme_install>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof theme_install>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.manage.stories.ts b/packages/frontend/src/pages/settings/theme.manage.stories.ts
index 42fe97c937..a03d8581e1 100644
--- a/packages/frontend/src/pages/settings/theme.manage.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.manage.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import theme_manage from './theme.manage.vue';
 const meta = {
 	title: 'pages/settings/theme.manage',
 	component: theme_manage,
-};
+} satisfies Meta<typeof theme_manage>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof theme_manage>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/theme.stories.ts b/packages/frontend/src/pages/settings/theme.stories.ts
index 93da070836..05d320b76d 100644
--- a/packages/frontend/src/pages/settings/theme.stories.ts
+++ b/packages/frontend/src/pages/settings/theme.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import theme from './theme.vue';
 const meta = {
 	title: 'pages/settings/theme',
 	component: theme,
-};
+} satisfies Meta<typeof theme>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof theme>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.edit.stories.ts b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
index 33952bb961..c3596bc031 100644
--- a/packages/frontend/src/pages/settings/webhook.edit.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.edit.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import webhook_edit from './webhook.edit.vue';
 const meta = {
 	title: 'pages/settings/webhook.edit',
 	component: webhook_edit,
-};
+} satisfies Meta<typeof webhook_edit>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof webhook_edit>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.new.stories.ts b/packages/frontend/src/pages/settings/webhook.new.stories.ts
index 4f94b9758e..7d6677b81d 100644
--- a/packages/frontend/src/pages/settings/webhook.new.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.new.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import webhook_new from './webhook.new.vue';
 const meta = {
 	title: 'pages/settings/webhook.new',
 	component: webhook_new,
-};
+} satisfies Meta<typeof webhook_new>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof webhook_new>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/webhook.stories.ts b/packages/frontend/src/pages/settings/webhook.stories.ts
index 18e95e337b..aaaf8b6fb0 100644
--- a/packages/frontend/src/pages/settings/webhook.stories.ts
+++ b/packages/frontend/src/pages/settings/webhook.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import webhook from './webhook.vue';
 const meta = {
 	title: 'pages/settings/webhook',
 	component: webhook,
-};
+} satisfies Meta<typeof webhook>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof webhook>;
 export default meta;
diff --git a/packages/frontend/src/pages/settings/word-mute.stories.ts b/packages/frontend/src/pages/settings/word-mute.stories.ts
index 619143166b..f4145b814b 100644
--- a/packages/frontend/src/pages/settings/word-mute.stories.ts
+++ b/packages/frontend/src/pages/settings/word-mute.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import word_mute from './word-mute.vue';
 const meta = {
 	title: 'pages/settings/word-mute',
 	component: word_mute,
-};
+} satisfies Meta<typeof word_mute>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof word_mute>;
 export default meta;
diff --git a/packages/frontend/src/pages/share.stories.ts b/packages/frontend/src/pages/share.stories.ts
index 69a1127236..914f4e3a4e 100644
--- a/packages/frontend/src/pages/share.stories.ts
+++ b/packages/frontend/src/pages/share.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import share from './share.vue';
 const meta = {
 	title: 'pages/share',
 	component: share,
-};
+} satisfies Meta<typeof share>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof share>;
 export default meta;
diff --git a/packages/frontend/src/pages/signup-complete.stories.ts b/packages/frontend/src/pages/signup-complete.stories.ts
index c34c3722d2..7591c4d470 100644
--- a/packages/frontend/src/pages/signup-complete.stories.ts
+++ b/packages/frontend/src/pages/signup-complete.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import signup_complete from './signup-complete.vue';
 const meta = {
 	title: 'pages/signup-complete',
 	component: signup_complete,
-};
+} satisfies Meta<typeof signup_complete>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof signup_complete>;
 export default meta;
diff --git a/packages/frontend/src/pages/tag.stories.ts b/packages/frontend/src/pages/tag.stories.ts
index 8e39a7161a..1f8f3bb18b 100644
--- a/packages/frontend/src/pages/tag.stories.ts
+++ b/packages/frontend/src/pages/tag.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import tag from './tag.vue';
 const meta = {
 	title: 'pages/tag',
 	component: tag,
-};
+} satisfies Meta<typeof tag>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof tag>;
 export default meta;
diff --git a/packages/frontend/src/pages/theme-editor.stories.ts b/packages/frontend/src/pages/theme-editor.stories.ts
index 2ae21fef85..754a3574cd 100644
--- a/packages/frontend/src/pages/theme-editor.stories.ts
+++ b/packages/frontend/src/pages/theme-editor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import theme_editor from './theme-editor.vue';
 const meta = {
 	title: 'pages/theme-editor',
 	component: theme_editor,
-};
+} satisfies Meta<typeof theme_editor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof theme_editor>;
 export default meta;
diff --git a/packages/frontend/src/pages/timeline.stories.ts b/packages/frontend/src/pages/timeline.stories.ts
index 9acd55e1e3..5676cece40 100644
--- a/packages/frontend/src/pages/timeline.stories.ts
+++ b/packages/frontend/src/pages/timeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import timeline from './timeline.vue';
 const meta = {
 	title: 'pages/timeline',
 	component: timeline,
-};
+} satisfies Meta<typeof timeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof timeline>;
 export default meta;
diff --git a/packages/frontend/src/pages/timeline.tutorial.stories.ts b/packages/frontend/src/pages/timeline.tutorial.stories.ts
index 0066d0d3d5..8799c9fcf8 100644
--- a/packages/frontend/src/pages/timeline.tutorial.stories.ts
+++ b/packages/frontend/src/pages/timeline.tutorial.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import timeline_tutorial from './timeline.tutorial.vue';
 const meta = {
 	title: 'pages/timeline.tutorial',
 	component: timeline_tutorial,
-};
+} satisfies Meta<typeof timeline_tutorial>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof timeline_tutorial>;
 export default meta;
diff --git a/packages/frontend/src/pages/user-info.stories.ts b/packages/frontend/src/pages/user-info.stories.ts
index 821a2e6bf8..b5a3782ad5 100644
--- a/packages/frontend/src/pages/user-info.stories.ts
+++ b/packages/frontend/src/pages/user-info.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import user_info from './user-info.vue';
 const meta = {
 	title: 'pages/user-info',
 	component: user_info,
-};
+} satisfies Meta<typeof user_info>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof user_info>;
 export default meta;
diff --git a/packages/frontend/src/pages/user-list-timeline.stories.ts b/packages/frontend/src/pages/user-list-timeline.stories.ts
index 16cde7e2fc..18457da47f 100644
--- a/packages/frontend/src/pages/user-list-timeline.stories.ts
+++ b/packages/frontend/src/pages/user-list-timeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import user_list_timeline from './user-list-timeline.vue';
 const meta = {
 	title: 'pages/user-list-timeline',
 	component: user_list_timeline,
-};
+} satisfies Meta<typeof user_list_timeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof user_list_timeline>;
 export default meta;
diff --git a/packages/frontend/src/pages/user-tag.stories.ts b/packages/frontend/src/pages/user-tag.stories.ts
index 1637eec0d3..7ec9188e99 100644
--- a/packages/frontend/src/pages/user-tag.stories.ts
+++ b/packages/frontend/src/pages/user-tag.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import user_tag from './user-tag.vue';
 const meta = {
 	title: 'pages/user-tag',
 	component: user_tag,
-};
+} satisfies Meta<typeof user_tag>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof user_tag>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/achievements.stories.ts b/packages/frontend/src/pages/user/achievements.stories.ts
index ade9caa091..62dc7c86d7 100644
--- a/packages/frontend/src/pages/user/achievements.stories.ts
+++ b/packages/frontend/src/pages/user/achievements.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import achievements from './achievements.vue';
 const meta = {
 	title: 'pages/user/achievements',
 	component: achievements,
-};
+} satisfies Meta<typeof achievements>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof achievements>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.following.stories.ts b/packages/frontend/src/pages/user/activity.following.stories.ts
index 8c1a19d1ae..9594aa1bd4 100644
--- a/packages/frontend/src/pages/user/activity.following.stories.ts
+++ b/packages/frontend/src/pages/user/activity.following.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import activity_following from './activity.following.vue';
 const meta = {
 	title: 'pages/user/activity.following',
 	component: activity_following,
-};
+} satisfies Meta<typeof activity_following>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof activity_following>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.heatmap.stories.ts b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
index 44e7c8bc55..9578d1786d 100644
--- a/packages/frontend/src/pages/user/activity.heatmap.stories.ts
+++ b/packages/frontend/src/pages/user/activity.heatmap.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import activity_heatmap from './activity.heatmap.vue';
 const meta = {
 	title: 'pages/user/activity.heatmap',
 	component: activity_heatmap,
-};
+} satisfies Meta<typeof activity_heatmap>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof activity_heatmap>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.notes.stories.ts b/packages/frontend/src/pages/user/activity.notes.stories.ts
index d4c45a3031..a07061fc64 100644
--- a/packages/frontend/src/pages/user/activity.notes.stories.ts
+++ b/packages/frontend/src/pages/user/activity.notes.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import activity_notes from './activity.notes.vue';
 const meta = {
 	title: 'pages/user/activity.notes',
 	component: activity_notes,
-};
+} satisfies Meta<typeof activity_notes>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof activity_notes>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.pv.stories.ts b/packages/frontend/src/pages/user/activity.pv.stories.ts
index 9ceb716867..2933c7927d 100644
--- a/packages/frontend/src/pages/user/activity.pv.stories.ts
+++ b/packages/frontend/src/pages/user/activity.pv.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import activity_pv from './activity.pv.vue';
 const meta = {
 	title: 'pages/user/activity.pv',
 	component: activity_pv,
-};
+} satisfies Meta<typeof activity_pv>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof activity_pv>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/activity.stories.ts b/packages/frontend/src/pages/user/activity.stories.ts
index 88e887b423..4642f7d5c0 100644
--- a/packages/frontend/src/pages/user/activity.stories.ts
+++ b/packages/frontend/src/pages/user/activity.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import activity from './activity.vue';
 const meta = {
 	title: 'pages/user/activity',
 	component: activity,
-};
+} satisfies Meta<typeof activity>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof activity>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/clips.stories.ts b/packages/frontend/src/pages/user/clips.stories.ts
index d4b2535e92..7b4d155b69 100644
--- a/packages/frontend/src/pages/user/clips.stories.ts
+++ b/packages/frontend/src/pages/user/clips.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import clips from './clips.vue';
 const meta = {
 	title: 'pages/user/clips',
 	component: clips,
-};
+} satisfies Meta<typeof clips>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof clips>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/follow-list.stories.ts b/packages/frontend/src/pages/user/follow-list.stories.ts
index 171a1b4358..b2b3eb7a90 100644
--- a/packages/frontend/src/pages/user/follow-list.stories.ts
+++ b/packages/frontend/src/pages/user/follow-list.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import follow_list from './follow-list.vue';
 const meta = {
 	title: 'pages/user/follow-list',
 	component: follow_list,
-};
+} satisfies Meta<typeof follow_list>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof follow_list>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/followers.stories.ts b/packages/frontend/src/pages/user/followers.stories.ts
index 92385dc1e2..eecc122d4d 100644
--- a/packages/frontend/src/pages/user/followers.stories.ts
+++ b/packages/frontend/src/pages/user/followers.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import followers from './followers.vue';
 const meta = {
 	title: 'pages/user/followers',
 	component: followers,
-};
+} satisfies Meta<typeof followers>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof followers>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/following.stories.ts b/packages/frontend/src/pages/user/following.stories.ts
index 98479f85b0..debbb9610d 100644
--- a/packages/frontend/src/pages/user/following.stories.ts
+++ b/packages/frontend/src/pages/user/following.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import following from './following.vue';
 const meta = {
 	title: 'pages/user/following',
 	component: following,
-};
+} satisfies Meta<typeof following>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof following>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/gallery.stories.ts b/packages/frontend/src/pages/user/gallery.stories.ts
index ad38c5c7b0..8255498592 100644
--- a/packages/frontend/src/pages/user/gallery.stories.ts
+++ b/packages/frontend/src/pages/user/gallery.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import gallery from './gallery.vue';
 const meta = {
 	title: 'pages/user/gallery',
 	component: gallery,
-};
+} satisfies Meta<typeof gallery>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof gallery>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/home.stories.ts b/packages/frontend/src/pages/user/home.stories.ts
index d300f35af7..af3dd6231a 100644
--- a/packages/frontend/src/pages/user/home.stories.ts
+++ b/packages/frontend/src/pages/user/home.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import home from './home.vue';
 const meta = {
 	title: 'pages/user/home',
 	component: home,
-};
+} satisfies Meta<typeof home>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof home>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.activity.stories.ts b/packages/frontend/src/pages/user/index.activity.stories.ts
index 9758be90cc..ffdfa16b1a 100644
--- a/packages/frontend/src/pages/user/index.activity.stories.ts
+++ b/packages/frontend/src/pages/user/index.activity.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index_activity from './index.activity.vue';
 const meta = {
 	title: 'pages/user/index.activity',
 	component: index_activity,
-};
+} satisfies Meta<typeof index_activity>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index_activity>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.photos.stories.ts b/packages/frontend/src/pages/user/index.photos.stories.ts
index cf75985e74..c39bae3568 100644
--- a/packages/frontend/src/pages/user/index.photos.stories.ts
+++ b/packages/frontend/src/pages/user/index.photos.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index_photos from './index.photos.vue';
 const meta = {
 	title: 'pages/user/index.photos',
 	component: index_photos,
-};
+} satisfies Meta<typeof index_photos>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index_photos>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.stories.ts b/packages/frontend/src/pages/user/index.stories.ts
index ee8176e388..ba498f7acb 100644
--- a/packages/frontend/src/pages/user/index.stories.ts
+++ b/packages/frontend/src/pages/user/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'pages/user/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/index.timeline.stories.ts b/packages/frontend/src/pages/user/index.timeline.stories.ts
index 09dd96f00a..27cdf80d42 100644
--- a/packages/frontend/src/pages/user/index.timeline.stories.ts
+++ b/packages/frontend/src/pages/user/index.timeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index_timeline from './index.timeline.vue';
 const meta = {
 	title: 'pages/user/index.timeline',
 	component: index_timeline,
-};
+} satisfies Meta<typeof index_timeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof index_timeline>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/pages.stories.ts b/packages/frontend/src/pages/user/pages.stories.ts
index b0e19bd13b..50a696362a 100644
--- a/packages/frontend/src/pages/user/pages.stories.ts
+++ b/packages/frontend/src/pages/user/pages.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import pages from './pages.vue';
 const meta = {
 	title: 'pages/user/pages',
 	component: pages,
-};
+} satisfies Meta<typeof pages>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof pages>;
 export default meta;
diff --git a/packages/frontend/src/pages/user/reactions.stories.ts b/packages/frontend/src/pages/user/reactions.stories.ts
index 40288b8ba5..a590b8f20f 100644
--- a/packages/frontend/src/pages/user/reactions.stories.ts
+++ b/packages/frontend/src/pages/user/reactions.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import reactions from './reactions.vue';
 const meta = {
 	title: 'pages/user/reactions',
 	component: reactions,
-};
+} satisfies Meta<typeof reactions>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof reactions>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.a.stories.ts b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
index d9cfbc1788..d8ba7deb13 100644
--- a/packages/frontend/src/pages/welcome.entrance.a.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.a.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome_entrance_a from './welcome.entrance.a.vue';
 const meta = {
 	title: 'pages/welcome.entrance.a',
 	component: welcome_entrance_a,
-};
+} satisfies Meta<typeof welcome_entrance_a>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome_entrance_a>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.b.stories.ts b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
index 0850cfc14e..81980c5b0b 100644
--- a/packages/frontend/src/pages/welcome.entrance.b.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.b.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome_entrance_b from './welcome.entrance.b.vue';
 const meta = {
 	title: 'pages/welcome.entrance.b',
 	component: welcome_entrance_b,
-};
+} satisfies Meta<typeof welcome_entrance_b>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome_entrance_b>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.entrance.c.stories.ts b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
index f125157a86..f2832056d8 100644
--- a/packages/frontend/src/pages/welcome.entrance.c.stories.ts
+++ b/packages/frontend/src/pages/welcome.entrance.c.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome_entrance_c from './welcome.entrance.c.vue';
 const meta = {
 	title: 'pages/welcome.entrance.c',
 	component: welcome_entrance_c,
-};
+} satisfies Meta<typeof welcome_entrance_c>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome_entrance_c>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.setup.stories.ts b/packages/frontend/src/pages/welcome.setup.stories.ts
index 5c5f7a1005..81e2e50835 100644
--- a/packages/frontend/src/pages/welcome.setup.stories.ts
+++ b/packages/frontend/src/pages/welcome.setup.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome_setup from './welcome.setup.vue';
 const meta = {
 	title: 'pages/welcome.setup',
 	component: welcome_setup,
-};
+} satisfies Meta<typeof welcome_setup>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome_setup>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.stories.ts b/packages/frontend/src/pages/welcome.stories.ts
index a1a95e43fb..c062a7717a 100644
--- a/packages/frontend/src/pages/welcome.stories.ts
+++ b/packages/frontend/src/pages/welcome.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome from './welcome.vue';
 const meta = {
 	title: 'pages/welcome',
 	component: welcome,
-};
+} satisfies Meta<typeof welcome>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome>;
 export default meta;
diff --git a/packages/frontend/src/pages/welcome.timeline.stories.ts b/packages/frontend/src/pages/welcome.timeline.stories.ts
index 0dcaf112ff..fc1a7b3462 100644
--- a/packages/frontend/src/pages/welcome.timeline.stories.ts
+++ b/packages/frontend/src/pages/welcome.timeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import welcome_timeline from './welcome.timeline.vue';
 const meta = {
 	title: 'pages/welcome.timeline',
 	component: welcome_timeline,
-};
+} satisfies Meta<typeof welcome_timeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof welcome_timeline>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/common.stories.ts b/packages/frontend/src/ui/_common_/common.stories.ts
index e64c41be77..3ef6fc54b7 100644
--- a/packages/frontend/src/ui/_common_/common.stories.ts
+++ b/packages/frontend/src/ui/_common_/common.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import common from './common.vue';
 const meta = {
 	title: 'ui/_common_/common',
 	component: common,
-};
+} satisfies Meta<typeof common>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof common>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
index 36658a6c3f..e6b81fc2bb 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import navbar_for_mobile from './navbar-for-mobile.vue';
 const meta = {
 	title: 'ui/_common_/navbar-for-mobile',
 	component: navbar_for_mobile,
-};
+} satisfies Meta<typeof navbar_for_mobile>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof navbar_for_mobile>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/navbar.stories.ts b/packages/frontend/src/ui/_common_/navbar.stories.ts
index ceeb4f0158..f118d22f04 100644
--- a/packages/frontend/src/ui/_common_/navbar.stories.ts
+++ b/packages/frontend/src/ui/_common_/navbar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import navbar from './navbar.vue';
 const meta = {
 	title: 'ui/_common_/navbar',
 	component: navbar,
-};
+} satisfies Meta<typeof navbar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof navbar>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/notification.stories.ts b/packages/frontend/src/ui/_common_/notification.stories.ts
index d0175f87fb..f8bb87f352 100644
--- a/packages/frontend/src/ui/_common_/notification.stories.ts
+++ b/packages/frontend/src/ui/_common_/notification.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import notification from './notification.vue';
 const meta = {
 	title: 'ui/_common_/notification',
 	component: notification,
-};
+} satisfies Meta<typeof notification>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof notification>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
index 68ace58336..d809ce3238 100644
--- a/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-federation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbar_federation from './statusbar-federation.vue';
 const meta = {
 	title: 'ui/_common_/statusbar-federation',
 	component: statusbar_federation,
-};
+} satisfies Meta<typeof statusbar_federation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof statusbar_federation>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
index 86d16757f6..f20f7bfb94 100644
--- a/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-rss.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbar_rss from './statusbar-rss.vue';
 const meta = {
 	title: 'ui/_common_/statusbar-rss',
 	component: statusbar_rss,
-};
+} satisfies Meta<typeof statusbar_rss>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof statusbar_rss>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
index e111143890..eacae75f0f 100644
--- a/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbar-user-list.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbar_user_list from './statusbar-user-list.vue';
 const meta = {
 	title: 'ui/_common_/statusbar-user-list',
 	component: statusbar_user_list,
-};
+} satisfies Meta<typeof statusbar_user_list>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof statusbar_user_list>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/statusbars.stories.ts b/packages/frontend/src/ui/_common_/statusbars.stories.ts
index 57cbd826f8..0ff1faabc5 100644
--- a/packages/frontend/src/ui/_common_/statusbars.stories.ts
+++ b/packages/frontend/src/ui/_common_/statusbars.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import statusbars from './statusbars.vue';
 const meta = {
 	title: 'ui/_common_/statusbars',
 	component: statusbars,
-};
+} satisfies Meta<typeof statusbars>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof statusbars>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
index 39cde128b9..1430849c67 100644
--- a/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
+++ b/packages/frontend/src/ui/_common_/stream-indicator.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import stream_indicator from './stream-indicator.vue';
 const meta = {
 	title: 'ui/_common_/stream-indicator',
 	component: stream_indicator,
-};
+} satisfies Meta<typeof stream_indicator>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof stream_indicator>;
 export default meta;
diff --git a/packages/frontend/src/ui/_common_/upload.stories.ts b/packages/frontend/src/ui/_common_/upload.stories.ts
index e6d85f5392..612db18122 100644
--- a/packages/frontend/src/ui/_common_/upload.stories.ts
+++ b/packages/frontend/src/ui/_common_/upload.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import upload from './upload.vue';
 const meta = {
 	title: 'ui/_common_/upload',
 	component: upload,
-};
+} satisfies Meta<typeof upload>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof upload>;
 export default meta;
diff --git a/packages/frontend/src/ui/classic.header.stories.ts b/packages/frontend/src/ui/classic.header.stories.ts
index cc847e7126..aa3965204c 100644
--- a/packages/frontend/src/ui/classic.header.stories.ts
+++ b/packages/frontend/src/ui/classic.header.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import classic_header from './classic.header.vue';
 const meta = {
 	title: 'ui/classic.header',
 	component: classic_header,
-};
+} satisfies Meta<typeof classic_header>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof classic_header>;
 export default meta;
diff --git a/packages/frontend/src/ui/classic.sidebar.stories.ts b/packages/frontend/src/ui/classic.sidebar.stories.ts
index 741da3d146..cb3c5e4b64 100644
--- a/packages/frontend/src/ui/classic.sidebar.stories.ts
+++ b/packages/frontend/src/ui/classic.sidebar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import classic_sidebar from './classic.sidebar.vue';
 const meta = {
 	title: 'ui/classic.sidebar',
 	component: classic_sidebar,
-};
+} satisfies Meta<typeof classic_sidebar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof classic_sidebar>;
 export default meta;
diff --git a/packages/frontend/src/ui/classic.stories.ts b/packages/frontend/src/ui/classic.stories.ts
index cd32251735..52d53990eb 100644
--- a/packages/frontend/src/ui/classic.stories.ts
+++ b/packages/frontend/src/ui/classic.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import classic from './classic.vue';
 const meta = {
 	title: 'ui/classic',
 	component: classic,
-};
+} satisfies Meta<typeof classic>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof classic>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck.stories.ts b/packages/frontend/src/ui/deck.stories.ts
index 34bd26ace9..d84ae4341c 100644
--- a/packages/frontend/src/ui/deck.stories.ts
+++ b/packages/frontend/src/ui/deck.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import deck from './deck.vue';
 const meta = {
 	title: 'ui/deck',
 	component: deck,
-};
+} satisfies Meta<typeof deck>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof deck>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/antenna-column.stories.ts b/packages/frontend/src/ui/deck/antenna-column.stories.ts
index 37f6bace9c..080d2464fc 100644
--- a/packages/frontend/src/ui/deck/antenna-column.stories.ts
+++ b/packages/frontend/src/ui/deck/antenna-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import antenna_column from './antenna-column.vue';
 const meta = {
 	title: 'ui/deck/antenna-column',
 	component: antenna_column,
-};
+} satisfies Meta<typeof antenna_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof antenna_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/channel-column.stories.ts b/packages/frontend/src/ui/deck/channel-column.stories.ts
index 3a4a232d05..8cb9b10008 100644
--- a/packages/frontend/src/ui/deck/channel-column.stories.ts
+++ b/packages/frontend/src/ui/deck/channel-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import channel_column from './channel-column.vue';
 const meta = {
 	title: 'ui/deck/channel-column',
 	component: channel_column,
-};
+} satisfies Meta<typeof channel_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof channel_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/column-core.stories.ts b/packages/frontend/src/ui/deck/column-core.stories.ts
index 14174bf723..7bb2a2ff11 100644
--- a/packages/frontend/src/ui/deck/column-core.stories.ts
+++ b/packages/frontend/src/ui/deck/column-core.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import column_core from './column-core.vue';
 const meta = {
 	title: 'ui/deck/column-core',
 	component: column_core,
-};
+} satisfies Meta<typeof column_core>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof column_core>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/column.stories.ts b/packages/frontend/src/ui/deck/column.stories.ts
index 7c3e7b69e0..8513fbe1d3 100644
--- a/packages/frontend/src/ui/deck/column.stories.ts
+++ b/packages/frontend/src/ui/deck/column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import column from './column.vue';
 const meta = {
 	title: 'ui/deck/column',
 	component: column,
-};
+} satisfies Meta<typeof column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/direct-column.stories.ts b/packages/frontend/src/ui/deck/direct-column.stories.ts
index a7ce6757ed..60c1b24896 100644
--- a/packages/frontend/src/ui/deck/direct-column.stories.ts
+++ b/packages/frontend/src/ui/deck/direct-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import direct_column from './direct-column.vue';
 const meta = {
 	title: 'ui/deck/direct-column',
 	component: direct_column,
-};
+} satisfies Meta<typeof direct_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof direct_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/list-column.stories.ts b/packages/frontend/src/ui/deck/list-column.stories.ts
index 7d2745f4a9..8a0cd8888d 100644
--- a/packages/frontend/src/ui/deck/list-column.stories.ts
+++ b/packages/frontend/src/ui/deck/list-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import list_column from './list-column.vue';
 const meta = {
 	title: 'ui/deck/list-column',
 	component: list_column,
-};
+} satisfies Meta<typeof list_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof list_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/main-column.stories.ts b/packages/frontend/src/ui/deck/main-column.stories.ts
index 60021a5d78..6d35056a1d 100644
--- a/packages/frontend/src/ui/deck/main-column.stories.ts
+++ b/packages/frontend/src/ui/deck/main-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import main_column from './main-column.vue';
 const meta = {
 	title: 'ui/deck/main-column',
 	component: main_column,
-};
+} satisfies Meta<typeof main_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof main_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/mentions-column.stories.ts b/packages/frontend/src/ui/deck/mentions-column.stories.ts
index 16e2b2e1d7..e88931d38c 100644
--- a/packages/frontend/src/ui/deck/mentions-column.stories.ts
+++ b/packages/frontend/src/ui/deck/mentions-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import mentions_column from './mentions-column.vue';
 const meta = {
 	title: 'ui/deck/mentions-column',
 	component: mentions_column,
-};
+} satisfies Meta<typeof mentions_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof mentions_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/notifications-column.stories.ts b/packages/frontend/src/ui/deck/notifications-column.stories.ts
index 06d18ef9b3..c8e81f3d7e 100644
--- a/packages/frontend/src/ui/deck/notifications-column.stories.ts
+++ b/packages/frontend/src/ui/deck/notifications-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import notifications_column from './notifications-column.vue';
 const meta = {
 	title: 'ui/deck/notifications-column',
 	component: notifications_column,
-};
+} satisfies Meta<typeof notifications_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof notifications_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/tl-column.stories.ts b/packages/frontend/src/ui/deck/tl-column.stories.ts
index 741464063d..1205c2dfaf 100644
--- a/packages/frontend/src/ui/deck/tl-column.stories.ts
+++ b/packages/frontend/src/ui/deck/tl-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import tl_column from './tl-column.vue';
 const meta = {
 	title: 'ui/deck/tl-column',
 	component: tl_column,
-};
+} satisfies Meta<typeof tl_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof tl_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/deck/widgets-column.stories.ts b/packages/frontend/src/ui/deck/widgets-column.stories.ts
index 27a392cf6e..9cfe50297a 100644
--- a/packages/frontend/src/ui/deck/widgets-column.stories.ts
+++ b/packages/frontend/src/ui/deck/widgets-column.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import widgets_column from './widgets-column.vue';
 const meta = {
 	title: 'ui/deck/widgets-column',
 	component: widgets_column,
-};
+} satisfies Meta<typeof widgets_column>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof widgets_column>;
 export default meta;
diff --git a/packages/frontend/src/ui/universal.stories.ts b/packages/frontend/src/ui/universal.stories.ts
index d049fb3ae9..cb5c183e6b 100644
--- a/packages/frontend/src/ui/universal.stories.ts
+++ b/packages/frontend/src/ui/universal.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import universal from './universal.vue';
 const meta = {
 	title: 'ui/universal',
 	component: universal,
-};
+} satisfies Meta<typeof universal>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof universal>;
 export default meta;
diff --git a/packages/frontend/src/ui/universal.widgets.stories.ts b/packages/frontend/src/ui/universal.widgets.stories.ts
index 8c85bf27e0..5e7a208add 100644
--- a/packages/frontend/src/ui/universal.widgets.stories.ts
+++ b/packages/frontend/src/ui/universal.widgets.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import universal_widgets from './universal.widgets.vue';
 const meta = {
 	title: 'ui/universal.widgets',
 	component: universal_widgets,
-};
+} satisfies Meta<typeof universal_widgets>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof universal_widgets>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor.stories.ts b/packages/frontend/src/ui/visitor.stories.ts
index 5a725cb4b8..df84e3a890 100644
--- a/packages/frontend/src/ui/visitor.stories.ts
+++ b/packages/frontend/src/ui/visitor.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import visitor from './visitor.vue';
 const meta = {
 	title: 'ui/visitor',
 	component: visitor,
-};
+} satisfies Meta<typeof visitor>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof visitor>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/a.stories.ts b/packages/frontend/src/ui/visitor/a.stories.ts
index e430cd9743..19ca049d7f 100644
--- a/packages/frontend/src/ui/visitor/a.stories.ts
+++ b/packages/frontend/src/ui/visitor/a.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import a from './a.vue';
 const meta = {
 	title: 'ui/visitor/a',
 	component: a,
-};
+} satisfies Meta<typeof a>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof a>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/b.stories.ts b/packages/frontend/src/ui/visitor/b.stories.ts
index f329bae1a4..9bb781b18c 100644
--- a/packages/frontend/src/ui/visitor/b.stories.ts
+++ b/packages/frontend/src/ui/visitor/b.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import b from './b.vue';
 const meta = {
 	title: 'ui/visitor/b',
 	component: b,
-};
+} satisfies Meta<typeof b>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof b>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/header.stories.ts b/packages/frontend/src/ui/visitor/header.stories.ts
index 2ecd08b220..67e8cee3dc 100644
--- a/packages/frontend/src/ui/visitor/header.stories.ts
+++ b/packages/frontend/src/ui/visitor/header.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import header from './header.vue';
 const meta = {
 	title: 'ui/visitor/header',
 	component: header,
-};
+} satisfies Meta<typeof header>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof header>;
 export default meta;
diff --git a/packages/frontend/src/ui/visitor/kanban.stories.ts b/packages/frontend/src/ui/visitor/kanban.stories.ts
index 4468ebc8a5..cef3e51cc4 100644
--- a/packages/frontend/src/ui/visitor/kanban.stories.ts
+++ b/packages/frontend/src/ui/visitor/kanban.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import kanban from './kanban.vue';
 const meta = {
 	title: 'ui/visitor/kanban',
 	component: kanban,
-};
+} satisfies Meta<typeof kanban>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof kanban>;
 export default meta;
diff --git a/packages/frontend/src/ui/zen.stories.ts b/packages/frontend/src/ui/zen.stories.ts
index ff8c8bca9a..ce3d1d91fc 100644
--- a/packages/frontend/src/ui/zen.stories.ts
+++ b/packages/frontend/src/ui/zen.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import zen from './zen.vue';
 const meta = {
 	title: 'ui/zen',
 	component: zen,
-};
+} satisfies Meta<typeof zen>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof zen>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
index 5f2d78036c..e85f814f26 100644
--- a/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.calendar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetActivity_calendar from './WidgetActivity.calendar.vue';
 const meta = {
 	title: 'widgets/WidgetActivity.calendar',
 	component: WidgetActivity_calendar,
-};
+} satisfies Meta<typeof WidgetActivity_calendar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetActivity_calendar>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
index 3cecf4a68e..91843a941a 100644
--- a/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.chart.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetActivity_chart from './WidgetActivity.chart.vue';
 const meta = {
 	title: 'widgets/WidgetActivity.chart',
 	component: WidgetActivity_chart,
-};
+} satisfies Meta<typeof WidgetActivity_chart>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetActivity_chart>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetActivity.stories.ts b/packages/frontend/src/widgets/WidgetActivity.stories.ts
index 01658db95d..c36fd76714 100644
--- a/packages/frontend/src/widgets/WidgetActivity.stories.ts
+++ b/packages/frontend/src/widgets/WidgetActivity.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetActivity from './WidgetActivity.vue';
 const meta = {
 	title: 'widgets/WidgetActivity',
 	component: WidgetActivity,
-};
+} satisfies Meta<typeof WidgetActivity>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetActivity>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAichan.stories.ts b/packages/frontend/src/widgets/WidgetAichan.stories.ts
index b997f368a7..a10d99f933 100644
--- a/packages/frontend/src/widgets/WidgetAichan.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAichan.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetAichan from './WidgetAichan.vue';
 const meta = {
 	title: 'widgets/WidgetAichan',
 	component: WidgetAichan,
-};
+} satisfies Meta<typeof WidgetAichan>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetAichan>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAiscript.stories.ts b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
index f64cf77995..b9217a5c80 100644
--- a/packages/frontend/src/widgets/WidgetAiscript.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscript.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetAiscript from './WidgetAiscript.vue';
 const meta = {
 	title: 'widgets/WidgetAiscript',
 	component: WidgetAiscript,
-};
+} satisfies Meta<typeof WidgetAiscript>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetAiscript>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
index 892110bc25..261b744c4a 100644
--- a/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
+++ b/packages/frontend/src/widgets/WidgetAiscriptApp.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetAiscriptApp from './WidgetAiscriptApp.vue';
 const meta = {
 	title: 'widgets/WidgetAiscriptApp',
 	component: WidgetAiscriptApp,
-};
+} satisfies Meta<typeof WidgetAiscriptApp>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetAiscriptApp>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetButton.stories.ts b/packages/frontend/src/widgets/WidgetButton.stories.ts
index 3a07679d77..021b212a7e 100644
--- a/packages/frontend/src/widgets/WidgetButton.stories.ts
+++ b/packages/frontend/src/widgets/WidgetButton.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetButton from './WidgetButton.vue';
 const meta = {
 	title: 'widgets/WidgetButton',
 	component: WidgetButton,
-};
+} satisfies Meta<typeof WidgetButton>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetButton>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetCalendar.stories.ts b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
index ccb7c184b4..3b66d9c15b 100644
--- a/packages/frontend/src/widgets/WidgetCalendar.stories.ts
+++ b/packages/frontend/src/widgets/WidgetCalendar.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetCalendar from './WidgetCalendar.vue';
 const meta = {
 	title: 'widgets/WidgetCalendar',
 	component: WidgetCalendar,
-};
+} satisfies Meta<typeof WidgetCalendar>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetCalendar>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetClicker.stories.ts b/packages/frontend/src/widgets/WidgetClicker.stories.ts
index ce6d40064b..70f793a21f 100644
--- a/packages/frontend/src/widgets/WidgetClicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetClicker from './WidgetClicker.vue';
 const meta = {
 	title: 'widgets/WidgetClicker',
 	component: WidgetClicker,
-};
+} satisfies Meta<typeof WidgetClicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetClicker>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetClock.stories.ts b/packages/frontend/src/widgets/WidgetClock.stories.ts
index 0eb10f1f07..9cfe80943b 100644
--- a/packages/frontend/src/widgets/WidgetClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetClock.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetClock from './WidgetClock.vue';
 const meta = {
 	title: 'widgets/WidgetClock',
 	component: WidgetClock,
-};
+} satisfies Meta<typeof WidgetClock>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetClock>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
index e37c4108dc..de351f4440 100644
--- a/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetDigitalClock.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetDigitalClock from './WidgetDigitalClock.vue';
 const meta = {
 	title: 'widgets/WidgetDigitalClock',
 	component: WidgetDigitalClock,
-};
+} satisfies Meta<typeof WidgetDigitalClock>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetDigitalClock>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetFederation.stories.ts b/packages/frontend/src/widgets/WidgetFederation.stories.ts
index 549f71c6fd..50900465ad 100644
--- a/packages/frontend/src/widgets/WidgetFederation.stories.ts
+++ b/packages/frontend/src/widgets/WidgetFederation.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetFederation from './WidgetFederation.vue';
 const meta = {
 	title: 'widgets/WidgetFederation',
 	component: WidgetFederation,
-};
+} satisfies Meta<typeof WidgetFederation>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetFederation>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
index 8458d842f5..477a66f461 100644
--- a/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceCloud.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetInstanceCloud from './WidgetInstanceCloud.vue';
 const meta = {
 	title: 'widgets/WidgetInstanceCloud',
 	component: WidgetInstanceCloud,
-};
+} satisfies Meta<typeof WidgetInstanceCloud>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetInstanceCloud>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
index 6a6505a799..bccae94dd8 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetInstanceInfo from './WidgetInstanceInfo.vue';
 const meta = {
 	title: 'widgets/WidgetInstanceInfo',
 	component: WidgetInstanceInfo,
-};
+} satisfies Meta<typeof WidgetInstanceInfo>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetInstanceInfo>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
index de7a7431c5..43d7f0198d 100644
--- a/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
+++ b/packages/frontend/src/widgets/WidgetJobQueue.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetJobQueue from './WidgetJobQueue.vue';
 const meta = {
 	title: 'widgets/WidgetJobQueue',
 	component: WidgetJobQueue,
-};
+} satisfies Meta<typeof WidgetJobQueue>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetJobQueue>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetMemo.stories.ts b/packages/frontend/src/widgets/WidgetMemo.stories.ts
index 202529c8a5..75651a52b1 100644
--- a/packages/frontend/src/widgets/WidgetMemo.stories.ts
+++ b/packages/frontend/src/widgets/WidgetMemo.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetMemo from './WidgetMemo.vue';
 const meta = {
 	title: 'widgets/WidgetMemo',
 	component: WidgetMemo,
-};
+} satisfies Meta<typeof WidgetMemo>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetMemo>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetNotifications.stories.ts b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
index bf1f7aecae..d6249f4c06 100644
--- a/packages/frontend/src/widgets/WidgetNotifications.stories.ts
+++ b/packages/frontend/src/widgets/WidgetNotifications.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetNotifications from './WidgetNotifications.vue';
 const meta = {
 	title: 'widgets/WidgetNotifications',
 	component: WidgetNotifications,
-};
+} satisfies Meta<typeof WidgetNotifications>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetNotifications>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
index fa7371a499..b7cae9b579 100644
--- a/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
+++ b/packages/frontend/src/widgets/WidgetOnlineUsers.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetOnlineUsers from './WidgetOnlineUsers.vue';
 const meta = {
 	title: 'widgets/WidgetOnlineUsers',
 	component: WidgetOnlineUsers,
-};
+} satisfies Meta<typeof WidgetOnlineUsers>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetOnlineUsers>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetPhotos.stories.ts b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
index 4e335e01c2..36c9c76d37 100644
--- a/packages/frontend/src/widgets/WidgetPhotos.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPhotos.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetPhotos from './WidgetPhotos.vue';
 const meta = {
 	title: 'widgets/WidgetPhotos',
 	component: WidgetPhotos,
-};
+} satisfies Meta<typeof WidgetPhotos>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetPhotos>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetPostForm.stories.ts b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
index 5d03be5ce2..a74c59b107 100644
--- a/packages/frontend/src/widgets/WidgetPostForm.stories.ts
+++ b/packages/frontend/src/widgets/WidgetPostForm.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetPostForm from './WidgetPostForm.vue';
 const meta = {
 	title: 'widgets/WidgetPostForm',
 	component: WidgetPostForm,
-};
+} satisfies Meta<typeof WidgetPostForm>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetPostForm>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetProfile.stories.ts b/packages/frontend/src/widgets/WidgetProfile.stories.ts
index 6b9b8b9adf..97a1c087ee 100644
--- a/packages/frontend/src/widgets/WidgetProfile.stories.ts
+++ b/packages/frontend/src/widgets/WidgetProfile.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetProfile from './WidgetProfile.vue';
 const meta = {
 	title: 'widgets/WidgetProfile',
 	component: WidgetProfile,
-};
+} satisfies Meta<typeof WidgetProfile>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetProfile>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetRss.stories.ts b/packages/frontend/src/widgets/WidgetRss.stories.ts
index 02bd406d4f..0c1e14a903 100644
--- a/packages/frontend/src/widgets/WidgetRss.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRss.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetRss from './WidgetRss.vue';
 const meta = {
 	title: 'widgets/WidgetRss',
 	component: WidgetRss,
-};
+} satisfies Meta<typeof WidgetRss>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetRss>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
index 16d4a0855d..e4e9fce039 100644
--- a/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
+++ b/packages/frontend/src/widgets/WidgetRssTicker.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetRssTicker from './WidgetRssTicker.vue';
 const meta = {
 	title: 'widgets/WidgetRssTicker',
 	component: WidgetRssTicker,
-};
+} satisfies Meta<typeof WidgetRssTicker>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetRssTicker>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
index 59394b70da..6386bf89e4 100644
--- a/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
+++ b/packages/frontend/src/widgets/WidgetSlideshow.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetSlideshow from './WidgetSlideshow.vue';
 const meta = {
 	title: 'widgets/WidgetSlideshow',
 	component: WidgetSlideshow,
-};
+} satisfies Meta<typeof WidgetSlideshow>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetSlideshow>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetTimeline.stories.ts b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
index 7b00b73528..c7853c58c3 100644
--- a/packages/frontend/src/widgets/WidgetTimeline.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTimeline.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetTimeline from './WidgetTimeline.vue';
 const meta = {
 	title: 'widgets/WidgetTimeline',
 	component: WidgetTimeline,
-};
+} satisfies Meta<typeof WidgetTimeline>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetTimeline>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetTrends.stories.ts b/packages/frontend/src/widgets/WidgetTrends.stories.ts
index c1dca9039d..d787fc84ea 100644
--- a/packages/frontend/src/widgets/WidgetTrends.stories.ts
+++ b/packages/frontend/src/widgets/WidgetTrends.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetTrends from './WidgetTrends.vue';
 const meta = {
 	title: 'widgets/WidgetTrends',
 	component: WidgetTrends,
-};
+} satisfies Meta<typeof WidgetTrends>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetTrends>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
index 3c388f3f42..2c2511ba9f 100644
--- a/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUnixClock.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetUnixClock from './WidgetUnixClock.vue';
 const meta = {
 	title: 'widgets/WidgetUnixClock',
 	component: WidgetUnixClock,
-};
+} satisfies Meta<typeof WidgetUnixClock>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetUnixClock>;
 export default meta;
diff --git a/packages/frontend/src/widgets/WidgetUserList.stories.ts b/packages/frontend/src/widgets/WidgetUserList.stories.ts
index 528f9d26cd..ee3513bed2 100644
--- a/packages/frontend/src/widgets/WidgetUserList.stories.ts
+++ b/packages/frontend/src/widgets/WidgetUserList.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import WidgetUserList from './WidgetUserList.vue';
 const meta = {
 	title: 'widgets/WidgetUserList',
 	component: WidgetUserList,
-};
+} satisfies Meta<typeof WidgetUserList>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof WidgetUserList>;
 export default meta;
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 0c376fdf99..0b62d996e1 100644
--- a/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu-mem.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import cpu_mem from './cpu-mem.vue';
 const meta = {
 	title: 'widgets/server-metric/cpu-mem',
 	component: cpu_mem,
-};
+} satisfies Meta<typeof cpu_mem>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof cpu_mem>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/cpu.stories.ts b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
index aefd4642b4..4516fe5dc0 100644
--- a/packages/frontend/src/widgets/server-metric/cpu.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/cpu.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import cpu from './cpu.vue';
 const meta = {
 	title: 'widgets/server-metric/cpu',
 	component: cpu,
-};
+} satisfies Meta<typeof cpu>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof cpu>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/disk.stories.ts b/packages/frontend/src/widgets/server-metric/disk.stories.ts
index 3b97ad1a91..a8179265e9 100644
--- a/packages/frontend/src/widgets/server-metric/disk.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/disk.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import disk from './disk.vue';
 const meta = {
 	title: 'widgets/server-metric/disk',
 	component: disk,
-};
+} satisfies Meta<typeof disk>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof disk>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/index.stories.ts b/packages/frontend/src/widgets/server-metric/index.stories.ts
index a982729b61..1ef2ab35d5 100644
--- a/packages/frontend/src/widgets/server-metric/index.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/index.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import index from './index.vue';
 const meta = {
 	title: 'widgets/server-metric/index',
 	component: index,
-};
+} satisfies Meta<typeof index>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof index>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/mem.stories.ts b/packages/frontend/src/widgets/server-metric/mem.stories.ts
index acfa33634b..3ac52649e9 100644
--- a/packages/frontend/src/widgets/server-metric/mem.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/mem.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import mem from './mem.vue';
 const meta = {
 	title: 'widgets/server-metric/mem',
 	component: mem,
-};
+} satisfies Meta<typeof mem>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof mem>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/net.stories.ts b/packages/frontend/src/widgets/server-metric/net.stories.ts
index 3f231caf8c..fca6bfa749 100644
--- a/packages/frontend/src/widgets/server-metric/net.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/net.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import net from './net.vue';
 const meta = {
 	title: 'widgets/server-metric/net',
 	component: net,
-};
+} satisfies Meta<typeof net>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof net>;
 export default meta;
diff --git a/packages/frontend/src/widgets/server-metric/pie.stories.ts b/packages/frontend/src/widgets/server-metric/pie.stories.ts
index 32f8c898c0..411beb19d2 100644
--- a/packages/frontend/src/widgets/server-metric/pie.stories.ts
+++ b/packages/frontend/src/widgets/server-metric/pie.stories.ts
@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/vue3';
+import { Meta, StoryObj } from '@storybook/vue3';
 import pie from './pie.vue';
 const meta = {
 	title: 'widgets/server-metric/pie',
 	component: pie,
-};
+} satisfies Meta<typeof pie>;
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -17,5 +17,5 @@ export const Default = {
 	parameters: {
 		layout: 'centered',
 	},
-};
+} satisfies StoryObj<typeof pie>;
 export default meta;