diff options
Diffstat (limited to 'packages/frontend/src/components')
185 files changed, 1487 insertions, 553 deletions
diff --git a/packages/frontend/src/components/MkAbuseReport.stories.ts b/packages/frontend/src/components/MkAbuseReport.stories.ts index 4b02967692..e3a87b80fd 100644 --- a/packages/frontend/src/components/MkAbuseReport.stories.ts +++ b/packages/frontend/src/components/MkAbuseReport.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAbuseReport, }; export const Default = { - components: { - MkAbuseReport, + render(args, { argTypes }) { + return { + components: { + MkAbuseReport, + }, + props: Object.keys(argTypes), + template: '<MkAbuseReport v-bind="$props" />', + }; }, - template: '<MkAbuseReport />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts index e8f90339f1..47b0923e9a 100644 --- a/packages/frontend/src/components/MkAbuseReportWindow.stories.ts +++ b/packages/frontend/src/components/MkAbuseReportWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAbuseReportWindow, }; export const Default = { - components: { - MkAbuseReportWindow, + render(args, { argTypes }) { + return { + components: { + MkAbuseReportWindow, + }, + props: Object.keys(argTypes), + template: '<MkAbuseReportWindow v-bind="$props" />', + }; }, - template: '<MkAbuseReportWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAchievements.stories.ts b/packages/frontend/src/components/MkAchievements.stories.ts index a62fadc5cf..9c0b1aec8d 100644 --- a/packages/frontend/src/components/MkAchievements.stories.ts +++ b/packages/frontend/src/components/MkAchievements.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAchievements, }; export const Default = { - components: { - MkAchievements, + render(args, { argTypes }) { + return { + components: { + MkAchievements, + }, + props: Object.keys(argTypes), + template: '<MkAchievements v-bind="$props" />', + }; }, - template: '<MkAchievements />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAnalogClock.stories.ts b/packages/frontend/src/components/MkAnalogClock.stories.ts index 7f3e51128e..f81e997cfb 100644 --- a/packages/frontend/src/components/MkAnalogClock.stories.ts +++ b/packages/frontend/src/components/MkAnalogClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAnalogClock, }; export const Default = { - components: { - MkAnalogClock, + render(args, { argTypes }) { + return { + components: { + MkAnalogClock, + }, + props: Object.keys(argTypes), + template: '<MkAnalogClock v-bind="$props" />', + }; }, - template: '<MkAnalogClock />', parameters: { layout: 'fullscreen', }, diff --git a/packages/frontend/src/components/MkAsUi.stories.ts b/packages/frontend/src/components/MkAsUi.stories.ts index 82bc3c05cc..7ad72bef43 100644 --- a/packages/frontend/src/components/MkAsUi.stories.ts +++ b/packages/frontend/src/components/MkAsUi.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAsUi, }; export const Default = { - components: { - MkAsUi, + render(args, { argTypes }) { + return { + components: { + MkAsUi, + }, + props: Object.keys(argTypes), + template: '<MkAsUi v-bind="$props" />', + }; }, - template: '<MkAsUi />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAutocomplete.stories.ts b/packages/frontend/src/components/MkAutocomplete.stories.ts index 6a1be12e08..c6a0f6be63 100644 --- a/packages/frontend/src/components/MkAutocomplete.stories.ts +++ b/packages/frontend/src/components/MkAutocomplete.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAutocomplete, }; export const Default = { - components: { - MkAutocomplete, + render(args, { argTypes }) { + return { + components: { + MkAutocomplete, + }, + props: Object.keys(argTypes), + template: '<MkAutocomplete v-bind="$props" />', + }; }, - template: '<MkAutocomplete />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkAvatars.stories.ts b/packages/frontend/src/components/MkAvatars.stories.ts index 26b7fab544..bc2a82c842 100644 --- a/packages/frontend/src/components/MkAvatars.stories.ts +++ b/packages/frontend/src/components/MkAvatars.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAvatars, }; export const Default = { - components: { - MkAvatars, + render(args, { argTypes }) { + return { + components: { + MkAvatars, + }, + props: Object.keys(argTypes), + template: '<MkAvatars v-bind="$props" />', + }; }, - template: '<MkAvatars />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkButton.stories.impl.ts b/packages/frontend/src/components/MkButton.stories.impl.ts new file mode 100644 index 0000000000..5f73ca71bc --- /dev/null +++ b/packages/frontend/src/components/MkButton.stories.impl.ts @@ -0,0 +1,14 @@ +export const Default = { + render(args, { argTypes }) { + return { + components: { + MkButton, + }, + props: Object.keys(argTypes), + template: '<MkButton v-bind="$props">Text</MkButton>', + }; + }, + parameters: { + layout: 'centered', + }, +}; diff --git a/packages/frontend/src/components/MkButton.stories.ts b/packages/frontend/src/components/MkButton.stories.ts index 26ce51bcaf..57dacb8f18 100644 --- a/packages/frontend/src/components/MkButton.stories.ts +++ b/packages/frontend/src/components/MkButton.stories.ts @@ -4,13 +4,18 @@ const meta = { title: 'components/MkButton', component: MkButton, }; +export default meta; export const Default = { - components: { - MkButton, + render(args, { argTypes }) { + return { + components: { + MkButton, + }, + props: Object.keys(argTypes), + template: '<MkButton v-bind="$props">Text</MkButton>', + }; }, - template: '<MkButton />', parameters: { layout: 'centered', }, }; -export default meta; diff --git a/packages/frontend/src/components/MkCaptcha.stories.ts b/packages/frontend/src/components/MkCaptcha.stories.ts index 23d8b56244..e58f36ccff 100644 --- a/packages/frontend/src/components/MkCaptcha.stories.ts +++ b/packages/frontend/src/components/MkCaptcha.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCaptcha, }; export const Default = { - components: { - MkCaptcha, + render(args, { argTypes }) { + return { + components: { + MkCaptcha, + }, + props: Object.keys(argTypes), + template: '<MkCaptcha v-bind="$props" />', + }; }, - template: '<MkCaptcha />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChannelFollowButton.stories.ts b/packages/frontend/src/components/MkChannelFollowButton.stories.ts index 6ce5d52d9c..889b9a7f09 100644 --- a/packages/frontend/src/components/MkChannelFollowButton.stories.ts +++ b/packages/frontend/src/components/MkChannelFollowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChannelFollowButton, }; export const Default = { - components: { - MkChannelFollowButton, + render(args, { argTypes }) { + return { + components: { + MkChannelFollowButton, + }, + props: Object.keys(argTypes), + template: '<MkChannelFollowButton v-bind="$props" />', + }; }, - template: '<MkChannelFollowButton />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChannelPreview.stories.ts b/packages/frontend/src/components/MkChannelPreview.stories.ts index 45f3808738..a4537bee52 100644 --- a/packages/frontend/src/components/MkChannelPreview.stories.ts +++ b/packages/frontend/src/components/MkChannelPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChannelPreview, }; export const Default = { - components: { - MkChannelPreview, + render(args, { argTypes }) { + return { + components: { + MkChannelPreview, + }, + props: Object.keys(argTypes), + template: '<MkChannelPreview v-bind="$props" />', + }; }, - template: '<MkChannelPreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChart.stories.ts b/packages/frontend/src/components/MkChart.stories.ts index cf607d7703..8d4b633edf 100644 --- a/packages/frontend/src/components/MkChart.stories.ts +++ b/packages/frontend/src/components/MkChart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChart, }; export const Default = { - components: { - MkChart, + render(args, { argTypes }) { + return { + components: { + MkChart, + }, + props: Object.keys(argTypes), + template: '<MkChart v-bind="$props" />', + }; }, - template: '<MkChart />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChartLegend.stories.ts b/packages/frontend/src/components/MkChartLegend.stories.ts index 8e6a449b59..fcc39a6a46 100644 --- a/packages/frontend/src/components/MkChartLegend.stories.ts +++ b/packages/frontend/src/components/MkChartLegend.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChartLegend, }; export const Default = { - components: { - MkChartLegend, + render(args, { argTypes }) { + return { + components: { + MkChartLegend, + }, + props: Object.keys(argTypes), + template: '<MkChartLegend v-bind="$props" />', + }; }, - template: '<MkChartLegend />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkChartTooltip.stories.ts b/packages/frontend/src/components/MkChartTooltip.stories.ts index 71095ce79e..d0ab98b975 100644 --- a/packages/frontend/src/components/MkChartTooltip.stories.ts +++ b/packages/frontend/src/components/MkChartTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkChartTooltip, }; export const Default = { - components: { - MkChartTooltip, + render(args, { argTypes }) { + return { + components: { + MkChartTooltip, + }, + props: Object.keys(argTypes), + template: '<MkChartTooltip v-bind="$props" />', + }; }, - template: '<MkChartTooltip />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCheckbox.stories.ts b/packages/frontend/src/components/MkCheckbox.stories.ts index 1aaa03ba0c..177b8a6402 100644 --- a/packages/frontend/src/components/MkCheckbox.stories.ts +++ b/packages/frontend/src/components/MkCheckbox.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCheckbox, }; export const Default = { - components: { - MkCheckbox, + render(args, { argTypes }) { + return { + components: { + MkCheckbox, + }, + props: Object.keys(argTypes), + template: '<MkCheckbox v-bind="$props" />', + }; }, - template: '<MkCheckbox />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkClickerGame.stories.ts b/packages/frontend/src/components/MkClickerGame.stories.ts index 39dad4e676..c56ec9bd1a 100644 --- a/packages/frontend/src/components/MkClickerGame.stories.ts +++ b/packages/frontend/src/components/MkClickerGame.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkClickerGame, }; export const Default = { - components: { - MkClickerGame, + render(args, { argTypes }) { + return { + components: { + MkClickerGame, + }, + props: Object.keys(argTypes), + template: '<MkClickerGame v-bind="$props" />', + }; }, - template: '<MkClickerGame />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkClipPreview.stories.ts b/packages/frontend/src/components/MkClipPreview.stories.ts index b512c34e4a..422d12fab1 100644 --- a/packages/frontend/src/components/MkClipPreview.stories.ts +++ b/packages/frontend/src/components/MkClipPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkClipPreview, }; export const Default = { - components: { - MkClipPreview, + render(args, { argTypes }) { + return { + components: { + MkClipPreview, + }, + props: Object.keys(argTypes), + template: '<MkClipPreview v-bind="$props" />', + }; }, - template: '<MkClipPreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCode.core.stories.ts b/packages/frontend/src/components/MkCode.core.stories.ts index dcc7d6f46d..53b41eb0c9 100644 --- a/packages/frontend/src/components/MkCode.core.stories.ts +++ b/packages/frontend/src/components/MkCode.core.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCode_core, }; export const Default = { - components: { - MkCode_core, + render(args, { argTypes }) { + return { + components: { + MkCode_core, + }, + props: Object.keys(argTypes), + template: '<MkCode_core v-bind="$props" />', + }; }, - template: '<MkCode_core />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCode.stories.ts b/packages/frontend/src/components/MkCode.stories.ts index 625d6f3d22..1f6d4daff0 100644 --- a/packages/frontend/src/components/MkCode.stories.ts +++ b/packages/frontend/src/components/MkCode.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCode, }; export const Default = { - components: { - MkCode, + render(args, { argTypes }) { + return { + components: { + MkCode, + }, + props: Object.keys(argTypes), + template: '<MkCode v-bind="$props" />', + }; }, - template: '<MkCode />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkContainer.stories.ts b/packages/frontend/src/components/MkContainer.stories.ts index 73aa520ba4..cd07161ce9 100644 --- a/packages/frontend/src/components/MkContainer.stories.ts +++ b/packages/frontend/src/components/MkContainer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkContainer, }; export const Default = { - components: { - MkContainer, + render(args, { argTypes }) { + return { + components: { + MkContainer, + }, + props: Object.keys(argTypes), + template: '<MkContainer v-bind="$props" />', + }; }, - template: '<MkContainer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkContextMenu.stories.ts b/packages/frontend/src/components/MkContextMenu.stories.ts index 78885a57ae..927e51c8a1 100644 --- a/packages/frontend/src/components/MkContextMenu.stories.ts +++ b/packages/frontend/src/components/MkContextMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkContextMenu, }; export const Default = { - components: { - MkContextMenu, + render(args, { argTypes }) { + return { + components: { + MkContextMenu, + }, + props: Object.keys(argTypes), + template: '<MkContextMenu v-bind="$props" />', + }; }, - template: '<MkContextMenu />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCropperDialog.stories.ts b/packages/frontend/src/components/MkCropperDialog.stories.ts index 38c665d770..3896c88404 100644 --- a/packages/frontend/src/components/MkCropperDialog.stories.ts +++ b/packages/frontend/src/components/MkCropperDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCropperDialog, }; export const Default = { - components: { - MkCropperDialog, + render(args, { argTypes }) { + return { + components: { + MkCropperDialog, + }, + props: Object.keys(argTypes), + template: '<MkCropperDialog v-bind="$props" />', + }; }, - template: '<MkCropperDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkCwButton.stories.ts b/packages/frontend/src/components/MkCwButton.stories.ts index 3545121190..1a7398a951 100644 --- a/packages/frontend/src/components/MkCwButton.stories.ts +++ b/packages/frontend/src/components/MkCwButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCwButton, }; export const Default = { - components: { - MkCwButton, + render(args, { argTypes }) { + return { + components: { + MkCwButton, + }, + props: Object.keys(argTypes), + template: '<MkCwButton v-bind="$props" />', + }; }, - template: '<MkCwButton />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDateSeparatedList.stories.ts b/packages/frontend/src/components/MkDateSeparatedList.stories.ts index ea319c12eb..719734a08f 100644 --- a/packages/frontend/src/components/MkDateSeparatedList.stories.ts +++ b/packages/frontend/src/components/MkDateSeparatedList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDateSeparatedList, }; export const Default = { - components: { - MkDateSeparatedList, + render(args, { argTypes }) { + return { + components: { + MkDateSeparatedList, + }, + props: Object.keys(argTypes), + template: '<MkDateSeparatedList v-bind="$props" />', + }; }, - template: '<MkDateSeparatedList />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDialog.stories.ts b/packages/frontend/src/components/MkDialog.stories.ts index 2996b180ba..939cc9a571 100644 --- a/packages/frontend/src/components/MkDialog.stories.ts +++ b/packages/frontend/src/components/MkDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDialog, }; export const Default = { - components: { - MkDialog, + render(args, { argTypes }) { + return { + components: { + MkDialog, + }, + props: Object.keys(argTypes), + template: '<MkDialog v-bind="$props" />', + }; }, - template: '<MkDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDigitalClock.stories.ts b/packages/frontend/src/components/MkDigitalClock.stories.ts index 6a6299d5cb..86706bde1e 100644 --- a/packages/frontend/src/components/MkDigitalClock.stories.ts +++ b/packages/frontend/src/components/MkDigitalClock.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDigitalClock, }; export const Default = { - components: { - MkDigitalClock, + render(args, { argTypes }) { + return { + components: { + MkDigitalClock, + }, + props: Object.keys(argTypes), + template: '<MkDigitalClock v-bind="$props" />', + }; }, - template: '<MkDigitalClock />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDonation.stories.ts b/packages/frontend/src/components/MkDonation.stories.ts index afee626577..ae57ad2502 100644 --- a/packages/frontend/src/components/MkDonation.stories.ts +++ b/packages/frontend/src/components/MkDonation.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDonation, }; export const Default = { - components: { - MkDonation, + render(args, { argTypes }) { + return { + components: { + MkDonation, + }, + props: Object.keys(argTypes), + template: '<MkDonation v-bind="$props" />', + }; }, - template: '<MkDonation />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.file.stories.ts b/packages/frontend/src/components/MkDrive.file.stories.ts index 0730b78a69..c873285b4f 100644 --- a/packages/frontend/src/components/MkDrive.file.stories.ts +++ b/packages/frontend/src/components/MkDrive.file.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_file, }; export const Default = { - components: { - MkDrive_file, + render(args, { argTypes }) { + return { + components: { + MkDrive_file, + }, + props: Object.keys(argTypes), + template: '<MkDrive_file v-bind="$props" />', + }; }, - template: '<MkDrive_file />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.folder.stories.ts b/packages/frontend/src/components/MkDrive.folder.stories.ts index 4b5f5b9ac3..3d70a81bb4 100644 --- a/packages/frontend/src/components/MkDrive.folder.stories.ts +++ b/packages/frontend/src/components/MkDrive.folder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_folder, }; export const Default = { - components: { - MkDrive_folder, + render(args, { argTypes }) { + return { + components: { + MkDrive_folder, + }, + props: Object.keys(argTypes), + template: '<MkDrive_folder v-bind="$props" />', + }; }, - template: '<MkDrive_folder />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.navFolder.stories.ts b/packages/frontend/src/components/MkDrive.navFolder.stories.ts index f38016e320..1279d9eae1 100644 --- a/packages/frontend/src/components/MkDrive.navFolder.stories.ts +++ b/packages/frontend/src/components/MkDrive.navFolder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive_navFolder, }; export const Default = { - components: { - MkDrive_navFolder, + render(args, { argTypes }) { + return { + components: { + MkDrive_navFolder, + }, + props: Object.keys(argTypes), + template: '<MkDrive_navFolder v-bind="$props" />', + }; }, - template: '<MkDrive_navFolder />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDrive.stories.ts b/packages/frontend/src/components/MkDrive.stories.ts index 2d4afc95da..f581ddabeb 100644 --- a/packages/frontend/src/components/MkDrive.stories.ts +++ b/packages/frontend/src/components/MkDrive.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDrive, }; export const Default = { - components: { - MkDrive, + render(args, { argTypes }) { + return { + components: { + MkDrive, + }, + props: Object.keys(argTypes), + template: '<MkDrive v-bind="$props" />', + }; }, - template: '<MkDrive />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts index 4b3565cf2d..9e6e078c06 100644 --- a/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts +++ b/packages/frontend/src/components/MkDriveFileThumbnail.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveFileThumbnail, }; export const Default = { - components: { - MkDriveFileThumbnail, + render(args, { argTypes }) { + return { + components: { + MkDriveFileThumbnail, + }, + props: Object.keys(argTypes), + template: '<MkDriveFileThumbnail v-bind="$props" />', + }; }, - template: '<MkDriveFileThumbnail />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts index 0ac06ba2fe..39a7828b4f 100644 --- a/packages/frontend/src/components/MkDriveSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkDriveSelectDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveSelectDialog, }; export const Default = { - components: { - MkDriveSelectDialog, + render(args, { argTypes }) { + return { + components: { + MkDriveSelectDialog, + }, + props: Object.keys(argTypes), + template: '<MkDriveSelectDialog v-bind="$props" />', + }; }, - template: '<MkDriveSelectDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkDriveWindow.stories.ts b/packages/frontend/src/components/MkDriveWindow.stories.ts index 44d46b19d7..29cdd5228e 100644 --- a/packages/frontend/src/components/MkDriveWindow.stories.ts +++ b/packages/frontend/src/components/MkDriveWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkDriveWindow, }; export const Default = { - components: { - MkDriveWindow, + render(args, { argTypes }) { + return { + components: { + MkDriveWindow, + }, + props: Object.keys(argTypes), + template: '<MkDriveWindow v-bind="$props" />', + }; }, - template: '<MkDriveWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts index 1a19f4fb3d..60ea8fac00 100644 --- a/packages/frontend/src/components/MkEmojiPicker.section.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPicker_section, }; export const Default = { - components: { - MkEmojiPicker_section, + render(args, { argTypes }) { + return { + components: { + MkEmojiPicker_section, + }, + props: Object.keys(argTypes), + template: '<MkEmojiPicker_section v-bind="$props" />', + }; }, - template: '<MkEmojiPicker_section />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPicker.stories.ts b/packages/frontend/src/components/MkEmojiPicker.stories.ts index 977be11bc7..06b41d28d7 100644 --- a/packages/frontend/src/components/MkEmojiPicker.stories.ts +++ b/packages/frontend/src/components/MkEmojiPicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPicker, }; export const Default = { - components: { - MkEmojiPicker, + render(args, { argTypes }) { + return { + components: { + MkEmojiPicker, + }, + props: Object.keys(argTypes), + template: '<MkEmojiPicker v-bind="$props" />', + }; }, - template: '<MkEmojiPicker />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts index ec6972bac3..56ab6ac013 100644 --- a/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPickerDialog, }; export const Default = { - components: { - MkEmojiPickerDialog, + render(args, { argTypes }) { + return { + components: { + MkEmojiPickerDialog, + }, + props: Object.keys(argTypes), + template: '<MkEmojiPickerDialog v-bind="$props" />', + }; }, - template: '<MkEmojiPickerDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts index d3393d8f97..470bacaf2c 100644 --- a/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts +++ b/packages/frontend/src/components/MkEmojiPickerWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmojiPickerWindow, }; export const Default = { - components: { - MkEmojiPickerWindow, + render(args, { argTypes }) { + return { + components: { + MkEmojiPickerWindow, + }, + props: Object.keys(argTypes), + template: '<MkEmojiPickerWindow v-bind="$props" />', + }; }, - template: '<MkEmojiPickerWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts index 613723d08d..0da9787c9c 100644 --- a/packages/frontend/src/components/MkFeaturedPhotos.stories.ts +++ b/packages/frontend/src/components/MkFeaturedPhotos.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFeaturedPhotos, }; export const Default = { - components: { - MkFeaturedPhotos, + render(args, { argTypes }) { + return { + components: { + MkFeaturedPhotos, + }, + props: Object.keys(argTypes), + template: '<MkFeaturedPhotos v-bind="$props" />', + }; }, - template: '<MkFeaturedPhotos />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts index c86d7d1887..2ade1eef49 100644 --- a/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts +++ b/packages/frontend/src/components/MkFileCaptionEditWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFileCaptionEditWindow, }; export const Default = { - components: { - MkFileCaptionEditWindow, + render(args, { argTypes }) { + return { + components: { + MkFileCaptionEditWindow, + }, + props: Object.keys(argTypes), + template: '<MkFileCaptionEditWindow v-bind="$props" />', + }; }, - template: '<MkFileCaptionEditWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFileListForAdmin.stories.ts b/packages/frontend/src/components/MkFileListForAdmin.stories.ts index cd66908fc6..22386b84c2 100644 --- a/packages/frontend/src/components/MkFileListForAdmin.stories.ts +++ b/packages/frontend/src/components/MkFileListForAdmin.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFileListForAdmin, }; export const Default = { - components: { - MkFileListForAdmin, + render(args, { argTypes }) { + return { + components: { + MkFileListForAdmin, + }, + props: Object.keys(argTypes), + template: '<MkFileListForAdmin v-bind="$props" />', + }; }, - template: '<MkFileListForAdmin />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFlashPreview.stories.ts b/packages/frontend/src/components/MkFlashPreview.stories.ts index ec23c2055e..b8d218ed70 100644 --- a/packages/frontend/src/components/MkFlashPreview.stories.ts +++ b/packages/frontend/src/components/MkFlashPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFlashPreview, }; export const Default = { - components: { - MkFlashPreview, + render(args, { argTypes }) { + return { + components: { + MkFlashPreview, + }, + props: Object.keys(argTypes), + template: '<MkFlashPreview v-bind="$props" />', + }; }, - template: '<MkFlashPreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFoldableSection.stories.ts b/packages/frontend/src/components/MkFoldableSection.stories.ts index 3760566e03..80d9ca8615 100644 --- a/packages/frontend/src/components/MkFoldableSection.stories.ts +++ b/packages/frontend/src/components/MkFoldableSection.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFoldableSection, }; export const Default = { - components: { - MkFoldableSection, + render(args, { argTypes }) { + return { + components: { + MkFoldableSection, + }, + props: Object.keys(argTypes), + template: '<MkFoldableSection v-bind="$props" />', + }; }, - template: '<MkFoldableSection />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFolder.stories.ts b/packages/frontend/src/components/MkFolder.stories.ts index b873a6238c..7eb6a3b0e3 100644 --- a/packages/frontend/src/components/MkFolder.stories.ts +++ b/packages/frontend/src/components/MkFolder.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFolder, }; export const Default = { - components: { - MkFolder, + render(args, { argTypes }) { + return { + components: { + MkFolder, + }, + props: Object.keys(argTypes), + template: '<MkFolder v-bind="$props" />', + }; }, - template: '<MkFolder />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFollowButton.stories.ts b/packages/frontend/src/components/MkFollowButton.stories.ts index 51d7827dfc..4e85afa014 100644 --- a/packages/frontend/src/components/MkFollowButton.stories.ts +++ b/packages/frontend/src/components/MkFollowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFollowButton, }; export const Default = { - components: { - MkFollowButton, + render(args, { argTypes }) { + return { + components: { + MkFollowButton, + }, + props: Object.keys(argTypes), + template: '<MkFollowButton v-bind="$props" />', + }; }, - template: '<MkFollowButton />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkForgotPassword.stories.ts b/packages/frontend/src/components/MkForgotPassword.stories.ts index 3f809e6906..6dd724aa12 100644 --- a/packages/frontend/src/components/MkForgotPassword.stories.ts +++ b/packages/frontend/src/components/MkForgotPassword.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkForgotPassword, }; export const Default = { - components: { - MkForgotPassword, + render(args, { argTypes }) { + return { + components: { + MkForgotPassword, + }, + props: Object.keys(argTypes), + template: '<MkForgotPassword v-bind="$props" />', + }; }, - template: '<MkForgotPassword />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkFormDialog.stories.ts b/packages/frontend/src/components/MkFormDialog.stories.ts index 45e1c6b20f..6622424376 100644 --- a/packages/frontend/src/components/MkFormDialog.stories.ts +++ b/packages/frontend/src/components/MkFormDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkFormDialog, }; export const Default = { - components: { - MkFormDialog, + render(args, { argTypes }) { + return { + components: { + MkFormDialog, + }, + props: Object.keys(argTypes), + template: '<MkFormDialog v-bind="$props" />', + }; }, - template: '<MkFormDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts index 89e4fe3080..18b0ab6ae1 100644 --- a/packages/frontend/src/components/MkGalleryPostPreview.stories.ts +++ b/packages/frontend/src/components/MkGalleryPostPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkGalleryPostPreview, }; export const Default = { - components: { - MkGalleryPostPreview, + render(args, { argTypes }) { + return { + components: { + MkGalleryPostPreview, + }, + props: Object.keys(argTypes), + template: '<MkGalleryPostPreview v-bind="$props" />', + }; }, - template: '<MkGalleryPostPreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkGoogle.stories.ts b/packages/frontend/src/components/MkGoogle.stories.ts index 01f147cd0a..660607038f 100644 --- a/packages/frontend/src/components/MkGoogle.stories.ts +++ b/packages/frontend/src/components/MkGoogle.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkGoogle, }; export const Default = { - components: { - MkGoogle, + render(args, { argTypes }) { + return { + components: { + MkGoogle, + }, + props: Object.keys(argTypes), + template: '<MkGoogle v-bind="$props" />', + }; }, - template: '<MkGoogle />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkHeatmap.stories.ts b/packages/frontend/src/components/MkHeatmap.stories.ts index 334cde91c7..1fdb8eb081 100644 --- a/packages/frontend/src/components/MkHeatmap.stories.ts +++ b/packages/frontend/src/components/MkHeatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkHeatmap, }; export const Default = { - components: { - MkHeatmap, + render(args, { argTypes }) { + return { + components: { + MkHeatmap, + }, + props: Object.keys(argTypes), + template: '<MkHeatmap v-bind="$props" />', + }; }, - template: '<MkHeatmap />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkImageViewer.stories.ts b/packages/frontend/src/components/MkImageViewer.stories.ts index c2be14dcda..4f0ff7f437 100644 --- a/packages/frontend/src/components/MkImageViewer.stories.ts +++ b/packages/frontend/src/components/MkImageViewer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkImageViewer, }; export const Default = { - components: { - MkImageViewer, + render(args, { argTypes }) { + return { + components: { + MkImageViewer, + }, + props: Object.keys(argTypes), + template: '<MkImageViewer v-bind="$props" />', + }; }, - template: '<MkImageViewer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts index 06c2062af2..c00088d9b2 100644 --- a/packages/frontend/src/components/MkImgWithBlurhash.stories.ts +++ b/packages/frontend/src/components/MkImgWithBlurhash.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkImgWithBlurhash, }; export const Default = { - components: { - MkImgWithBlurhash, + render(args, { argTypes }) { + return { + components: { + MkImgWithBlurhash, + }, + props: Object.keys(argTypes), + template: '<MkImgWithBlurhash v-bind="$props" />', + }; }, - template: '<MkImgWithBlurhash />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInfo.stories.ts b/packages/frontend/src/components/MkInfo.stories.ts index d559660393..1e164d4278 100644 --- a/packages/frontend/src/components/MkInfo.stories.ts +++ b/packages/frontend/src/components/MkInfo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInfo, }; export const Default = { - components: { - MkInfo, + render(args, { argTypes }) { + return { + components: { + MkInfo, + }, + props: Object.keys(argTypes), + template: '<MkInfo v-bind="$props" />', + }; }, - template: '<MkInfo />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInput.stories.ts b/packages/frontend/src/components/MkInput.stories.ts index 65d43322bb..199a5b5392 100644 --- a/packages/frontend/src/components/MkInput.stories.ts +++ b/packages/frontend/src/components/MkInput.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInput, }; export const Default = { - components: { - MkInput, + render(args, { argTypes }) { + return { + components: { + MkInput, + }, + props: Object.keys(argTypes), + template: '<MkInput v-bind="$props" />', + }; }, - template: '<MkInput />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceCardMini.stories.ts b/packages/frontend/src/components/MkInstanceCardMini.stories.ts index 8bd0eb1b41..fcc9e8f2ee 100644 --- a/packages/frontend/src/components/MkInstanceCardMini.stories.ts +++ b/packages/frontend/src/components/MkInstanceCardMini.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceCardMini, }; export const Default = { - components: { - MkInstanceCardMini, + render(args, { argTypes }) { + return { + components: { + MkInstanceCardMini, + }, + props: Object.keys(argTypes), + template: '<MkInstanceCardMini v-bind="$props" />', + }; }, - template: '<MkInstanceCardMini />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceStats.stories.ts b/packages/frontend/src/components/MkInstanceStats.stories.ts index ee5aec9810..74fa5359be 100644 --- a/packages/frontend/src/components/MkInstanceStats.stories.ts +++ b/packages/frontend/src/components/MkInstanceStats.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceStats, }; export const Default = { - components: { - MkInstanceStats, + render(args, { argTypes }) { + return { + components: { + MkInstanceStats, + }, + props: Object.keys(argTypes), + template: '<MkInstanceStats v-bind="$props" />', + }; }, - template: '<MkInstanceStats />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkInstanceTicker.stories.ts b/packages/frontend/src/components/MkInstanceTicker.stories.ts index c8809ad876..87eb49a7c7 100644 --- a/packages/frontend/src/components/MkInstanceTicker.stories.ts +++ b/packages/frontend/src/components/MkInstanceTicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkInstanceTicker, }; export const Default = { - components: { - MkInstanceTicker, + render(args, { argTypes }) { + return { + components: { + MkInstanceTicker, + }, + props: Object.keys(argTypes), + template: '<MkInstanceTicker v-bind="$props" />', + }; }, - template: '<MkInstanceTicker />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkKeyValue.stories.ts b/packages/frontend/src/components/MkKeyValue.stories.ts index a69bd185ad..83753e146c 100644 --- a/packages/frontend/src/components/MkKeyValue.stories.ts +++ b/packages/frontend/src/components/MkKeyValue.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkKeyValue, }; export const Default = { - components: { - MkKeyValue, + render(args, { argTypes }) { + return { + components: { + MkKeyValue, + }, + props: Object.keys(argTypes), + template: '<MkKeyValue v-bind="$props" />', + }; }, - template: '<MkKeyValue />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkLaunchPad.stories.ts b/packages/frontend/src/components/MkLaunchPad.stories.ts index 3c58063e39..02e239763d 100644 --- a/packages/frontend/src/components/MkLaunchPad.stories.ts +++ b/packages/frontend/src/components/MkLaunchPad.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLaunchPad, }; export const Default = { - components: { - MkLaunchPad, + render(args, { argTypes }) { + return { + components: { + MkLaunchPad, + }, + props: Object.keys(argTypes), + template: '<MkLaunchPad v-bind="$props" />', + }; }, - template: '<MkLaunchPad />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkLink.stories.ts b/packages/frontend/src/components/MkLink.stories.ts index 5445eb8593..33baee8702 100644 --- a/packages/frontend/src/components/MkLink.stories.ts +++ b/packages/frontend/src/components/MkLink.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLink, }; export const Default = { - components: { - MkLink, + render(args, { argTypes }) { + return { + components: { + MkLink, + }, + props: Object.keys(argTypes), + template: '<MkLink v-bind="$props" />', + }; }, - template: '<MkLink />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMarquee.stories.ts b/packages/frontend/src/components/MkMarquee.stories.ts index 14981dbd53..9fec1d5a89 100644 --- a/packages/frontend/src/components/MkMarquee.stories.ts +++ b/packages/frontend/src/components/MkMarquee.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMarquee, }; export const Default = { - components: { - MkMarquee, + render(args, { argTypes }) { + return { + components: { + MkMarquee, + }, + props: Object.keys(argTypes), + template: '<MkMarquee v-bind="$props" />', + }; }, - template: '<MkMarquee />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaBanner.stories.ts b/packages/frontend/src/components/MkMediaBanner.stories.ts index 90424768c9..dcf57f0cc8 100644 --- a/packages/frontend/src/components/MkMediaBanner.stories.ts +++ b/packages/frontend/src/components/MkMediaBanner.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaBanner, }; export const Default = { - components: { - MkMediaBanner, + render(args, { argTypes }) { + return { + components: { + MkMediaBanner, + }, + props: Object.keys(argTypes), + template: '<MkMediaBanner v-bind="$props" />', + }; }, - template: '<MkMediaBanner />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaImage.stories.ts b/packages/frontend/src/components/MkMediaImage.stories.ts index bc985ff171..cb495872da 100644 --- a/packages/frontend/src/components/MkMediaImage.stories.ts +++ b/packages/frontend/src/components/MkMediaImage.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaImage, }; export const Default = { - components: { - MkMediaImage, + render(args, { argTypes }) { + return { + components: { + MkMediaImage, + }, + props: Object.keys(argTypes), + template: '<MkMediaImage v-bind="$props" />', + }; }, - template: '<MkMediaImage />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaList.stories.ts b/packages/frontend/src/components/MkMediaList.stories.ts index 0b38efe507..87eb23dc89 100644 --- a/packages/frontend/src/components/MkMediaList.stories.ts +++ b/packages/frontend/src/components/MkMediaList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaList, }; export const Default = { - components: { - MkMediaList, + render(args, { argTypes }) { + return { + components: { + MkMediaList, + }, + props: Object.keys(argTypes), + template: '<MkMediaList v-bind="$props" />', + }; }, - template: '<MkMediaList />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMediaVideo.stories.ts b/packages/frontend/src/components/MkMediaVideo.stories.ts index 7b25dcef02..a39adebbe7 100644 --- a/packages/frontend/src/components/MkMediaVideo.stories.ts +++ b/packages/frontend/src/components/MkMediaVideo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMediaVideo, }; export const Default = { - components: { - MkMediaVideo, + render(args, { argTypes }) { + return { + components: { + MkMediaVideo, + }, + props: Object.keys(argTypes), + template: '<MkMediaVideo v-bind="$props" />', + }; }, - template: '<MkMediaVideo />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMention.stories.ts b/packages/frontend/src/components/MkMention.stories.ts index d03eeaf7e9..459633a07a 100644 --- a/packages/frontend/src/components/MkMention.stories.ts +++ b/packages/frontend/src/components/MkMention.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMention, }; export const Default = { - components: { - MkMention, + render(args, { argTypes }) { + return { + components: { + MkMention, + }, + props: Object.keys(argTypes), + template: '<MkMention v-bind="$props" />', + }; }, - template: '<MkMention />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMenu.child.stories.ts b/packages/frontend/src/components/MkMenu.child.stories.ts index cec1d4c726..114d710409 100644 --- a/packages/frontend/src/components/MkMenu.child.stories.ts +++ b/packages/frontend/src/components/MkMenu.child.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMenu_child, }; export const Default = { - components: { - MkMenu_child, + render(args, { argTypes }) { + return { + components: { + MkMenu_child, + }, + props: Object.keys(argTypes), + template: '<MkMenu_child v-bind="$props" />', + }; }, - template: '<MkMenu_child />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMenu.stories.ts b/packages/frontend/src/components/MkMenu.stories.ts index 79f4714bc7..9a293bcc9c 100644 --- a/packages/frontend/src/components/MkMenu.stories.ts +++ b/packages/frontend/src/components/MkMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMenu, }; export const Default = { - components: { - MkMenu, + render(args, { argTypes }) { + return { + components: { + MkMenu, + }, + props: Object.keys(argTypes), + template: '<MkMenu v-bind="$props" />', + }; }, - template: '<MkMenu />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkMiniChart.stories.ts b/packages/frontend/src/components/MkMiniChart.stories.ts index 18f37447cf..f773bafe25 100644 --- a/packages/frontend/src/components/MkMiniChart.stories.ts +++ b/packages/frontend/src/components/MkMiniChart.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMiniChart, }; export const Default = { - components: { - MkMiniChart, + render(args, { argTypes }) { + return { + components: { + MkMiniChart, + }, + props: Object.keys(argTypes), + template: '<MkMiniChart v-bind="$props" />', + }; }, - template: '<MkMiniChart />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModal.stories.ts b/packages/frontend/src/components/MkModal.stories.ts index d1c3977006..84f40abc0d 100644 --- a/packages/frontend/src/components/MkModal.stories.ts +++ b/packages/frontend/src/components/MkModal.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModal, }; export const Default = { - components: { - MkModal, + render(args, { argTypes }) { + return { + components: { + MkModal, + }, + props: Object.keys(argTypes), + template: '<MkModal v-bind="$props" />', + }; }, - template: '<MkModal />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModalPageWindow.stories.ts b/packages/frontend/src/components/MkModalPageWindow.stories.ts index c4c162f789..3312818799 100644 --- a/packages/frontend/src/components/MkModalPageWindow.stories.ts +++ b/packages/frontend/src/components/MkModalPageWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModalPageWindow, }; export const Default = { - components: { - MkModalPageWindow, + render(args, { argTypes }) { + return { + components: { + MkModalPageWindow, + }, + props: Object.keys(argTypes), + template: '<MkModalPageWindow v-bind="$props" />', + }; }, - template: '<MkModalPageWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkModalWindow.stories.ts b/packages/frontend/src/components/MkModalWindow.stories.ts index 2212cd6a4d..7e71ae0716 100644 --- a/packages/frontend/src/components/MkModalWindow.stories.ts +++ b/packages/frontend/src/components/MkModalWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkModalWindow, }; export const Default = { - components: { - MkModalWindow, + render(args, { argTypes }) { + return { + components: { + MkModalWindow, + }, + props: Object.keys(argTypes), + template: '<MkModalWindow v-bind="$props" />', + }; }, - template: '<MkModalWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNote.stories.ts b/packages/frontend/src/components/MkNote.stories.ts index d828d38446..47dfafc763 100644 --- a/packages/frontend/src/components/MkNote.stories.ts +++ b/packages/frontend/src/components/MkNote.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNote, }; export const Default = { - components: { - MkNote, + render(args, { argTypes }) { + return { + components: { + MkNote, + }, + props: Object.keys(argTypes), + template: '<MkNote v-bind="$props" />', + }; }, - template: '<MkNote />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteDetailed.stories.ts b/packages/frontend/src/components/MkNoteDetailed.stories.ts index b787ea37bd..3e106adfaa 100644 --- a/packages/frontend/src/components/MkNoteDetailed.stories.ts +++ b/packages/frontend/src/components/MkNoteDetailed.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteDetailed, }; export const Default = { - components: { - MkNoteDetailed, + render(args, { argTypes }) { + return { + components: { + MkNoteDetailed, + }, + props: Object.keys(argTypes), + template: '<MkNoteDetailed v-bind="$props" />', + }; }, - template: '<MkNoteDetailed />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteHeader.stories.ts b/packages/frontend/src/components/MkNoteHeader.stories.ts index af7c5b2704..e49279ae58 100644 --- a/packages/frontend/src/components/MkNoteHeader.stories.ts +++ b/packages/frontend/src/components/MkNoteHeader.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteHeader, }; export const Default = { - components: { - MkNoteHeader, + render(args, { argTypes }) { + return { + components: { + MkNoteHeader, + }, + props: Object.keys(argTypes), + template: '<MkNoteHeader v-bind="$props" />', + }; }, - template: '<MkNoteHeader />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotePreview.stories.ts b/packages/frontend/src/components/MkNotePreview.stories.ts index 5feba941c1..d3074aacae 100644 --- a/packages/frontend/src/components/MkNotePreview.stories.ts +++ b/packages/frontend/src/components/MkNotePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotePreview, }; export const Default = { - components: { - MkNotePreview, + render(args, { argTypes }) { + return { + components: { + MkNotePreview, + }, + props: Object.keys(argTypes), + template: '<MkNotePreview v-bind="$props" />', + }; }, - template: '<MkNotePreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteSimple.stories.ts b/packages/frontend/src/components/MkNoteSimple.stories.ts index 14fe3aea81..60676a0f85 100644 --- a/packages/frontend/src/components/MkNoteSimple.stories.ts +++ b/packages/frontend/src/components/MkNoteSimple.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteSimple, }; export const Default = { - components: { - MkNoteSimple, + render(args, { argTypes }) { + return { + components: { + MkNoteSimple, + }, + props: Object.keys(argTypes), + template: '<MkNoteSimple v-bind="$props" />', + }; }, - template: '<MkNoteSimple />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNoteSub.stories.ts b/packages/frontend/src/components/MkNoteSub.stories.ts index 9d526ec98f..4e63f95701 100644 --- a/packages/frontend/src/components/MkNoteSub.stories.ts +++ b/packages/frontend/src/components/MkNoteSub.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNoteSub, }; export const Default = { - components: { - MkNoteSub, + render(args, { argTypes }) { + return { + components: { + MkNoteSub, + }, + props: Object.keys(argTypes), + template: '<MkNoteSub v-bind="$props" />', + }; }, - template: '<MkNoteSub />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotes.stories.ts b/packages/frontend/src/components/MkNotes.stories.ts index 8c2a39d66a..ee559a017b 100644 --- a/packages/frontend/src/components/MkNotes.stories.ts +++ b/packages/frontend/src/components/MkNotes.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotes, }; export const Default = { - components: { - MkNotes, + render(args, { argTypes }) { + return { + components: { + MkNotes, + }, + props: Object.keys(argTypes), + template: '<MkNotes v-bind="$props" />', + }; }, - template: '<MkNotes />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotification.stories.ts b/packages/frontend/src/components/MkNotification.stories.ts index 13f5d751ad..7960900a8d 100644 --- a/packages/frontend/src/components/MkNotification.stories.ts +++ b/packages/frontend/src/components/MkNotification.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotification, }; export const Default = { - components: { - MkNotification, + render(args, { argTypes }) { + return { + components: { + MkNotification, + }, + props: Object.keys(argTypes), + template: '<MkNotification v-bind="$props" />', + }; }, - template: '<MkNotification />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts index adc6627f58..78dc44c8ad 100644 --- a/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts +++ b/packages/frontend/src/components/MkNotificationSettingWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotificationSettingWindow, }; export const Default = { - components: { - MkNotificationSettingWindow, + render(args, { argTypes }) { + return { + components: { + MkNotificationSettingWindow, + }, + props: Object.keys(argTypes), + template: '<MkNotificationSettingWindow v-bind="$props" />', + }; }, - template: '<MkNotificationSettingWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNotifications.stories.ts b/packages/frontend/src/components/MkNotifications.stories.ts index b1f73956f0..e340422e1f 100644 --- a/packages/frontend/src/components/MkNotifications.stories.ts +++ b/packages/frontend/src/components/MkNotifications.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNotifications, }; export const Default = { - components: { - MkNotifications, + render(args, { argTypes }) { + return { + components: { + MkNotifications, + }, + props: Object.keys(argTypes), + template: '<MkNotifications v-bind="$props" />', + }; }, - template: '<MkNotifications />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNumber.stories.ts b/packages/frontend/src/components/MkNumber.stories.ts index 9b9495ab8c..fc86c00250 100644 --- a/packages/frontend/src/components/MkNumber.stories.ts +++ b/packages/frontend/src/components/MkNumber.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNumber, }; export const Default = { - components: { - MkNumber, + render(args, { argTypes }) { + return { + components: { + MkNumber, + }, + props: Object.keys(argTypes), + template: '<MkNumber v-bind="$props" />', + }; }, - template: '<MkNumber />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkNumberDiff.stories.ts b/packages/frontend/src/components/MkNumberDiff.stories.ts index 9430fd1619..715bbb5439 100644 --- a/packages/frontend/src/components/MkNumberDiff.stories.ts +++ b/packages/frontend/src/components/MkNumberDiff.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkNumberDiff, }; export const Default = { - components: { - MkNumberDiff, + render(args, { argTypes }) { + return { + components: { + MkNumberDiff, + }, + props: Object.keys(argTypes), + template: '<MkNumberDiff v-bind="$props" />', + }; }, - template: '<MkNumberDiff />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkObjectView.stories.ts b/packages/frontend/src/components/MkObjectView.stories.ts index d44e3ee699..746dccc375 100644 --- a/packages/frontend/src/components/MkObjectView.stories.ts +++ b/packages/frontend/src/components/MkObjectView.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkObjectView, }; export const Default = { - components: { - MkObjectView, + render(args, { argTypes }) { + return { + components: { + MkObjectView, + }, + props: Object.keys(argTypes), + template: '<MkObjectView v-bind="$props" />', + }; }, - template: '<MkObjectView />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkObjectView.value.stories.ts b/packages/frontend/src/components/MkObjectView.value.stories.ts index 27bc7958ee..8e18978376 100644 --- a/packages/frontend/src/components/MkObjectView.value.stories.ts +++ b/packages/frontend/src/components/MkObjectView.value.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkObjectView_value, }; export const Default = { - components: { - MkObjectView_value, + render(args, { argTypes }) { + return { + components: { + MkObjectView_value, + }, + props: Object.keys(argTypes), + template: '<MkObjectView_value v-bind="$props" />', + }; }, - template: '<MkObjectView_value />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkOmit.stories.ts b/packages/frontend/src/components/MkOmit.stories.ts index f2621961d9..4d954fd236 100644 --- a/packages/frontend/src/components/MkOmit.stories.ts +++ b/packages/frontend/src/components/MkOmit.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkOmit, }; export const Default = { - components: { - MkOmit, + render(args, { argTypes }) { + return { + components: { + MkOmit, + }, + props: Object.keys(argTypes), + template: '<MkOmit v-bind="$props" />', + }; }, - template: '<MkOmit />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPagePreview.stories.ts b/packages/frontend/src/components/MkPagePreview.stories.ts index 17cf7c4c3e..dd96afa285 100644 --- a/packages/frontend/src/components/MkPagePreview.stories.ts +++ b/packages/frontend/src/components/MkPagePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPagePreview, }; export const Default = { - components: { - MkPagePreview, + render(args, { argTypes }) { + return { + components: { + MkPagePreview, + }, + props: Object.keys(argTypes), + template: '<MkPagePreview v-bind="$props" />', + }; }, - template: '<MkPagePreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPageWindow.stories.ts b/packages/frontend/src/components/MkPageWindow.stories.ts index e71e348ae5..f1c8b3b244 100644 --- a/packages/frontend/src/components/MkPageWindow.stories.ts +++ b/packages/frontend/src/components/MkPageWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageWindow, }; export const Default = { - components: { - MkPageWindow, + render(args, { argTypes }) { + return { + components: { + MkPageWindow, + }, + props: Object.keys(argTypes), + template: '<MkPageWindow v-bind="$props" />', + }; }, - template: '<MkPageWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPagination.stories.ts b/packages/frontend/src/components/MkPagination.stories.ts index 9bebe36742..3b89bb4b26 100644 --- a/packages/frontend/src/components/MkPagination.stories.ts +++ b/packages/frontend/src/components/MkPagination.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPagination, }; export const Default = { - components: { - MkPagination, + render(args, { argTypes }) { + return { + components: { + MkPagination, + }, + props: Object.keys(argTypes), + template: '<MkPagination v-bind="$props" />', + }; }, - template: '<MkPagination />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPlusOneEffect.stories.ts b/packages/frontend/src/components/MkPlusOneEffect.stories.ts index a8a47b896c..10cf1f372d 100644 --- a/packages/frontend/src/components/MkPlusOneEffect.stories.ts +++ b/packages/frontend/src/components/MkPlusOneEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPlusOneEffect, }; export const Default = { - components: { - MkPlusOneEffect, + render(args, { argTypes }) { + return { + components: { + MkPlusOneEffect, + }, + props: Object.keys(argTypes), + template: '<MkPlusOneEffect v-bind="$props" />', + }; }, - template: '<MkPlusOneEffect />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPoll.stories.ts b/packages/frontend/src/components/MkPoll.stories.ts index fea5821fed..154c675119 100644 --- a/packages/frontend/src/components/MkPoll.stories.ts +++ b/packages/frontend/src/components/MkPoll.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPoll, }; export const Default = { - components: { - MkPoll, + render(args, { argTypes }) { + return { + components: { + MkPoll, + }, + props: Object.keys(argTypes), + template: '<MkPoll v-bind="$props" />', + }; }, - template: '<MkPoll />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPollEditor.stories.ts b/packages/frontend/src/components/MkPollEditor.stories.ts index c332f1c809..09acb5f4ab 100644 --- a/packages/frontend/src/components/MkPollEditor.stories.ts +++ b/packages/frontend/src/components/MkPollEditor.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPollEditor, }; export const Default = { - components: { - MkPollEditor, + render(args, { argTypes }) { + return { + components: { + MkPollEditor, + }, + props: Object.keys(argTypes), + template: '<MkPollEditor v-bind="$props" />', + }; }, - template: '<MkPollEditor />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPopupMenu.stories.ts b/packages/frontend/src/components/MkPopupMenu.stories.ts index 127227e1d0..acb5b6939c 100644 --- a/packages/frontend/src/components/MkPopupMenu.stories.ts +++ b/packages/frontend/src/components/MkPopupMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPopupMenu, }; export const Default = { - components: { - MkPopupMenu, + render(args, { argTypes }) { + return { + components: { + MkPopupMenu, + }, + props: Object.keys(argTypes), + template: '<MkPopupMenu v-bind="$props" />', + }; }, - template: '<MkPopupMenu />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostForm.stories.ts b/packages/frontend/src/components/MkPostForm.stories.ts index b459222fc6..da9b8947ba 100644 --- a/packages/frontend/src/components/MkPostForm.stories.ts +++ b/packages/frontend/src/components/MkPostForm.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostForm, }; export const Default = { - components: { - MkPostForm, + render(args, { argTypes }) { + return { + components: { + MkPostForm, + }, + props: Object.keys(argTypes), + template: '<MkPostForm v-bind="$props" />', + }; }, - template: '<MkPostForm />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostFormAttaches.stories.ts b/packages/frontend/src/components/MkPostFormAttaches.stories.ts index ea67d38e6e..717385b1fa 100644 --- a/packages/frontend/src/components/MkPostFormAttaches.stories.ts +++ b/packages/frontend/src/components/MkPostFormAttaches.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostFormAttaches, }; export const Default = { - components: { - MkPostFormAttaches, + render(args, { argTypes }) { + return { + components: { + MkPostFormAttaches, + }, + props: Object.keys(argTypes), + template: '<MkPostFormAttaches v-bind="$props" />', + }; }, - template: '<MkPostFormAttaches />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPostFormDialog.stories.ts b/packages/frontend/src/components/MkPostFormDialog.stories.ts index 0683ce7708..18a0f75ced 100644 --- a/packages/frontend/src/components/MkPostFormDialog.stories.ts +++ b/packages/frontend/src/components/MkPostFormDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPostFormDialog, }; export const Default = { - components: { - MkPostFormDialog, + render(args, { argTypes }) { + return { + components: { + MkPostFormDialog, + }, + props: Object.keys(argTypes), + template: '<MkPostFormDialog v-bind="$props" />', + }; }, - template: '<MkPostFormDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts index 339cfc8ecc..20af967780 100644 --- a/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts +++ b/packages/frontend/src/components/MkPushNotificationAllowButton.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPushNotificationAllowButton, }; export const Default = { - components: { - MkPushNotificationAllowButton, + render(args, { argTypes }) { + return { + components: { + MkPushNotificationAllowButton, + }, + props: Object.keys(argTypes), + template: '<MkPushNotificationAllowButton v-bind="$props" />', + }; }, - template: '<MkPushNotificationAllowButton />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRadio.stories.ts b/packages/frontend/src/components/MkRadio.stories.ts index 5f3a5ef25f..34037cd782 100644 --- a/packages/frontend/src/components/MkRadio.stories.ts +++ b/packages/frontend/src/components/MkRadio.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRadio, }; export const Default = { - components: { - MkRadio, + render(args, { argTypes }) { + return { + components: { + MkRadio, + }, + props: Object.keys(argTypes), + template: '<MkRadio v-bind="$props" />', + }; }, - template: '<MkRadio />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRadios.stories.ts b/packages/frontend/src/components/MkRadios.stories.ts index ac6e9f61e6..0a12b130c9 100644 --- a/packages/frontend/src/components/MkRadios.stories.ts +++ b/packages/frontend/src/components/MkRadios.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRadios, }; export const Default = { - components: { - MkRadios, + render(args, { argTypes }) { + return { + components: { + MkRadios, + }, + props: Object.keys(argTypes), + template: '<MkRadios v-bind="$props" />', + }; }, - template: '<MkRadios />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRange.stories.ts b/packages/frontend/src/components/MkRange.stories.ts index c46122334d..764f7ac5b7 100644 --- a/packages/frontend/src/components/MkRange.stories.ts +++ b/packages/frontend/src/components/MkRange.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRange, }; export const Default = { - components: { - MkRange, + render(args, { argTypes }) { + return { + components: { + MkRange, + }, + props: Object.keys(argTypes), + template: '<MkRange v-bind="$props" />', + }; }, - template: '<MkRange />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts index 395f951346..bf470a833a 100644 --- a/packages/frontend/src/components/MkReactedUsersDialog.stories.ts +++ b/packages/frontend/src/components/MkReactedUsersDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactedUsersDialog, }; export const Default = { - components: { - MkReactedUsersDialog, + render(args, { argTypes }) { + return { + components: { + MkReactedUsersDialog, + }, + props: Object.keys(argTypes), + template: '<MkReactedUsersDialog v-bind="$props" />', + }; }, - template: '<MkReactedUsersDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionEffect.stories.ts b/packages/frontend/src/components/MkReactionEffect.stories.ts index 7b9ca42e25..c0d5b4a154 100644 --- a/packages/frontend/src/components/MkReactionEffect.stories.ts +++ b/packages/frontend/src/components/MkReactionEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionEffect, }; export const Default = { - components: { - MkReactionEffect, + render(args, { argTypes }) { + return { + components: { + MkReactionEffect, + }, + props: Object.keys(argTypes), + template: '<MkReactionEffect v-bind="$props" />', + }; }, - template: '<MkReactionEffect />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionIcon.stories.ts b/packages/frontend/src/components/MkReactionIcon.stories.ts index 271eb3ed6a..37e329f34a 100644 --- a/packages/frontend/src/components/MkReactionIcon.stories.ts +++ b/packages/frontend/src/components/MkReactionIcon.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionIcon, }; export const Default = { - components: { - MkReactionIcon, + render(args, { argTypes }) { + return { + components: { + MkReactionIcon, + }, + props: Object.keys(argTypes), + template: '<MkReactionIcon v-bind="$props" />', + }; }, - template: '<MkReactionIcon />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionTooltip.stories.ts b/packages/frontend/src/components/MkReactionTooltip.stories.ts index e4ca21352e..16e5fca1c4 100644 --- a/packages/frontend/src/components/MkReactionTooltip.stories.ts +++ b/packages/frontend/src/components/MkReactionTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionTooltip, }; export const Default = { - components: { - MkReactionTooltip, + render(args, { argTypes }) { + return { + components: { + MkReactionTooltip, + }, + props: Object.keys(argTypes), + template: '<MkReactionTooltip v-bind="$props" />', + }; }, - template: '<MkReactionTooltip />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts index 449e035549..d373edf3c1 100644 --- a/packages/frontend/src/components/MkReactionsViewer.details.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.details.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer_details, }; export const Default = { - components: { - MkReactionsViewer_details, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer_details, + }, + props: Object.keys(argTypes), + template: '<MkReactionsViewer_details v-bind="$props" />', + }; }, - template: '<MkReactionsViewer_details />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts index cbe9a98c7f..b56f13bb5c 100644 --- a/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.reaction.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer_reaction, }; export const Default = { - components: { - MkReactionsViewer_reaction, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer_reaction, + }, + props: Object.keys(argTypes), + template: '<MkReactionsViewer_reaction v-bind="$props" />', + }; }, - template: '<MkReactionsViewer_reaction />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkReactionsViewer.stories.ts b/packages/frontend/src/components/MkReactionsViewer.stories.ts index 33d1108825..18addf460d 100644 --- a/packages/frontend/src/components/MkReactionsViewer.stories.ts +++ b/packages/frontend/src/components/MkReactionsViewer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkReactionsViewer, }; export const Default = { - components: { - MkReactionsViewer, + render(args, { argTypes }) { + return { + components: { + MkReactionsViewer, + }, + props: Object.keys(argTypes), + template: '<MkReactionsViewer v-bind="$props" />', + }; }, - template: '<MkReactionsViewer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRemoteCaution.stories.ts b/packages/frontend/src/components/MkRemoteCaution.stories.ts index 726a4f4db5..4f4f8054a7 100644 --- a/packages/frontend/src/components/MkRemoteCaution.stories.ts +++ b/packages/frontend/src/components/MkRemoteCaution.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRemoteCaution, }; export const Default = { - components: { - MkRemoteCaution, + render(args, { argTypes }) { + return { + components: { + MkRemoteCaution, + }, + props: Object.keys(argTypes), + template: '<MkRemoteCaution v-bind="$props" />', + }; }, - template: '<MkRemoteCaution />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts index e348f2bd4b..0eca578c36 100644 --- a/packages/frontend/src/components/MkRetentionHeatmap.stories.ts +++ b/packages/frontend/src/components/MkRetentionHeatmap.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRetentionHeatmap, }; export const Default = { - components: { - MkRetentionHeatmap, + render(args, { argTypes }) { + return { + components: { + MkRetentionHeatmap, + }, + props: Object.keys(argTypes), + template: '<MkRetentionHeatmap v-bind="$props" />', + }; }, - template: '<MkRetentionHeatmap />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRippleEffect.stories.ts b/packages/frontend/src/components/MkRippleEffect.stories.ts index 8b405f3e63..4b054be436 100644 --- a/packages/frontend/src/components/MkRippleEffect.stories.ts +++ b/packages/frontend/src/components/MkRippleEffect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRippleEffect, }; export const Default = { - components: { - MkRippleEffect, + render(args, { argTypes }) { + return { + components: { + MkRippleEffect, + }, + props: Object.keys(argTypes), + template: '<MkRippleEffect v-bind="$props" />', + }; }, - template: '<MkRippleEffect />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkRolePreview.stories.ts b/packages/frontend/src/components/MkRolePreview.stories.ts index 84fa9ccf34..f4306233cb 100644 --- a/packages/frontend/src/components/MkRolePreview.stories.ts +++ b/packages/frontend/src/components/MkRolePreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkRolePreview, }; export const Default = { - components: { - MkRolePreview, + render(args, { argTypes }) { + return { + components: { + MkRolePreview, + }, + props: Object.keys(argTypes), + template: '<MkRolePreview v-bind="$props" />', + }; }, - template: '<MkRolePreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSample.stories.ts b/packages/frontend/src/components/MkSample.stories.ts index dba9e304d8..14cd69bd67 100644 --- a/packages/frontend/src/components/MkSample.stories.ts +++ b/packages/frontend/src/components/MkSample.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSample, }; export const Default = { - components: { - MkSample, + render(args, { argTypes }) { + return { + components: { + MkSample, + }, + props: Object.keys(argTypes), + template: '<MkSample v-bind="$props" />', + }; }, - template: '<MkSample />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSelect.stories.ts b/packages/frontend/src/components/MkSelect.stories.ts index 18d2a35844..0e67a67238 100644 --- a/packages/frontend/src/components/MkSelect.stories.ts +++ b/packages/frontend/src/components/MkSelect.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSelect, }; export const Default = { - components: { - MkSelect, + render(args, { argTypes }) { + return { + components: { + MkSelect, + }, + props: Object.keys(argTypes), + template: '<MkSelect v-bind="$props" />', + }; }, - template: '<MkSelect />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignin.stories.ts b/packages/frontend/src/components/MkSignin.stories.ts index a50d15d869..32a52771df 100644 --- a/packages/frontend/src/components/MkSignin.stories.ts +++ b/packages/frontend/src/components/MkSignin.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignin, }; export const Default = { - components: { - MkSignin, + render(args, { argTypes }) { + return { + components: { + MkSignin, + }, + props: Object.keys(argTypes), + template: '<MkSignin v-bind="$props" />', + }; }, - template: '<MkSignin />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSigninDialog.stories.ts b/packages/frontend/src/components/MkSigninDialog.stories.ts index 1540c571a6..b05096452b 100644 --- a/packages/frontend/src/components/MkSigninDialog.stories.ts +++ b/packages/frontend/src/components/MkSigninDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSigninDialog, }; export const Default = { - components: { - MkSigninDialog, + render(args, { argTypes }) { + return { + components: { + MkSigninDialog, + }, + props: Object.keys(argTypes), + template: '<MkSigninDialog v-bind="$props" />', + }; }, - template: '<MkSigninDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignup.stories.ts b/packages/frontend/src/components/MkSignup.stories.ts index a1b8c723ca..665a5881e2 100644 --- a/packages/frontend/src/components/MkSignup.stories.ts +++ b/packages/frontend/src/components/MkSignup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignup, }; export const Default = { - components: { - MkSignup, + render(args, { argTypes }) { + return { + components: { + MkSignup, + }, + props: Object.keys(argTypes), + template: '<MkSignup v-bind="$props" />', + }; }, - template: '<MkSignup />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSignupDialog.stories.ts b/packages/frontend/src/components/MkSignupDialog.stories.ts index c0253a3cd8..4e1316fed5 100644 --- a/packages/frontend/src/components/MkSignupDialog.stories.ts +++ b/packages/frontend/src/components/MkSignupDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSignupDialog, }; export const Default = { - components: { - MkSignupDialog, + render(args, { argTypes }) { + return { + components: { + MkSignupDialog, + }, + props: Object.keys(argTypes), + template: '<MkSignupDialog v-bind="$props" />', + }; }, - template: '<MkSignupDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSparkle.stories.ts b/packages/frontend/src/components/MkSparkle.stories.ts index f5d82ef610..22dc8af7d2 100644 --- a/packages/frontend/src/components/MkSparkle.stories.ts +++ b/packages/frontend/src/components/MkSparkle.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSparkle, }; export const Default = { - components: { - MkSparkle, + render(args, { argTypes }) { + return { + components: { + MkSparkle, + }, + props: Object.keys(argTypes), + template: '<MkSparkle v-bind="$props" />', + }; }, - template: '<MkSparkle />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSubNoteContent.stories.ts b/packages/frontend/src/components/MkSubNoteContent.stories.ts index 557775d419..d83aef1328 100644 --- a/packages/frontend/src/components/MkSubNoteContent.stories.ts +++ b/packages/frontend/src/components/MkSubNoteContent.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSubNoteContent, }; export const Default = { - components: { - MkSubNoteContent, + render(args, { argTypes }) { + return { + components: { + MkSubNoteContent, + }, + props: Object.keys(argTypes), + template: '<MkSubNoteContent v-bind="$props" />', + }; }, - template: '<MkSubNoteContent />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSuperMenu.stories.ts b/packages/frontend/src/components/MkSuperMenu.stories.ts index 76ed607f95..8be6b5aa70 100644 --- a/packages/frontend/src/components/MkSuperMenu.stories.ts +++ b/packages/frontend/src/components/MkSuperMenu.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSuperMenu, }; export const Default = { - components: { - MkSuperMenu, + render(args, { argTypes }) { + return { + components: { + MkSuperMenu, + }, + props: Object.keys(argTypes), + template: '<MkSuperMenu v-bind="$props" />', + }; }, - template: '<MkSuperMenu />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkSwitch.stories.ts b/packages/frontend/src/components/MkSwitch.stories.ts index ff2d48416e..fae92c1726 100644 --- a/packages/frontend/src/components/MkSwitch.stories.ts +++ b/packages/frontend/src/components/MkSwitch.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSwitch, }; export const Default = { - components: { - MkSwitch, + render(args, { argTypes }) { + return { + components: { + MkSwitch, + }, + props: Object.keys(argTypes), + template: '<MkSwitch v-bind="$props" />', + }; }, - template: '<MkSwitch />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTab.stories.ts b/packages/frontend/src/components/MkTab.stories.ts index b2e94c1a6e..035afa7f55 100644 --- a/packages/frontend/src/components/MkTab.stories.ts +++ b/packages/frontend/src/components/MkTab.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTab, }; export const Default = { - components: { - MkTab, + render(args, { argTypes }) { + return { + components: { + MkTab, + }, + props: Object.keys(argTypes), + template: '<MkTab v-bind="$props" />', + }; }, - template: '<MkTab />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTagCloud.stories.ts b/packages/frontend/src/components/MkTagCloud.stories.ts index 5af917710e..cea976fd4b 100644 --- a/packages/frontend/src/components/MkTagCloud.stories.ts +++ b/packages/frontend/src/components/MkTagCloud.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTagCloud, }; export const Default = { - components: { - MkTagCloud, + render(args, { argTypes }) { + return { + components: { + MkTagCloud, + }, + props: Object.keys(argTypes), + template: '<MkTagCloud v-bind="$props" />', + }; }, - template: '<MkTagCloud />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTextarea.stories.ts b/packages/frontend/src/components/MkTextarea.stories.ts index 207aec2c2e..0369b0978a 100644 --- a/packages/frontend/src/components/MkTextarea.stories.ts +++ b/packages/frontend/src/components/MkTextarea.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTextarea, }; export const Default = { - components: { - MkTextarea, + render(args, { argTypes }) { + return { + components: { + MkTextarea, + }, + props: Object.keys(argTypes), + template: '<MkTextarea v-bind="$props" />', + }; }, - template: '<MkTextarea />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTimeline.stories.ts b/packages/frontend/src/components/MkTimeline.stories.ts index 3a1632417c..f778c7ea02 100644 --- a/packages/frontend/src/components/MkTimeline.stories.ts +++ b/packages/frontend/src/components/MkTimeline.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTimeline, }; export const Default = { - components: { - MkTimeline, + render(args, { argTypes }) { + return { + components: { + MkTimeline, + }, + props: Object.keys(argTypes), + template: '<MkTimeline v-bind="$props" />', + }; }, - template: '<MkTimeline />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkToast.stories.ts b/packages/frontend/src/components/MkToast.stories.ts index 80b48109e7..be078dec5b 100644 --- a/packages/frontend/src/components/MkToast.stories.ts +++ b/packages/frontend/src/components/MkToast.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkToast, }; export const Default = { - components: { - MkToast, + render(args, { argTypes }) { + return { + components: { + MkToast, + }, + props: Object.keys(argTypes), + template: '<MkToast v-bind="$props" />', + }; }, - template: '<MkToast />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts index 74c6b73611..daec25cb83 100644 --- a/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts +++ b/packages/frontend/src/components/MkTokenGenerateWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTokenGenerateWindow, }; export const Default = { - components: { - MkTokenGenerateWindow, + render(args, { argTypes }) { + return { + components: { + MkTokenGenerateWindow, + }, + props: Object.keys(argTypes), + template: '<MkTokenGenerateWindow v-bind="$props" />', + }; }, - template: '<MkTokenGenerateWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkTooltip.stories.ts b/packages/frontend/src/components/MkTooltip.stories.ts index bcba8916db..474b49d263 100644 --- a/packages/frontend/src/components/MkTooltip.stories.ts +++ b/packages/frontend/src/components/MkTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTooltip, }; export const Default = { - components: { - MkTooltip, + render(args, { argTypes }) { + return { + components: { + MkTooltip, + }, + props: Object.keys(argTypes), + template: '<MkTooltip v-bind="$props" />', + }; }, - template: '<MkTooltip />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUpdated.stories.ts b/packages/frontend/src/components/MkUpdated.stories.ts index 9949a6621b..b4388eb21f 100644 --- a/packages/frontend/src/components/MkUpdated.stories.ts +++ b/packages/frontend/src/components/MkUpdated.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUpdated, }; export const Default = { - components: { - MkUpdated, + render(args, { argTypes }) { + return { + components: { + MkUpdated, + }, + props: Object.keys(argTypes), + template: '<MkUpdated v-bind="$props" />', + }; }, - template: '<MkUpdated />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUrlPreview.stories.ts b/packages/frontend/src/components/MkUrlPreview.stories.ts index 7f18283433..a7f230ef40 100644 --- a/packages/frontend/src/components/MkUrlPreview.stories.ts +++ b/packages/frontend/src/components/MkUrlPreview.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrlPreview, }; export const Default = { - components: { - MkUrlPreview, + render(args, { argTypes }) { + return { + components: { + MkUrlPreview, + }, + props: Object.keys(argTypes), + template: '<MkUrlPreview v-bind="$props" />', + }; }, - template: '<MkUrlPreview />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts index 6756b81bd5..c55cbc04be 100644 --- a/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts +++ b/packages/frontend/src/components/MkUrlPreviewPopup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrlPreviewPopup, }; export const Default = { - components: { - MkUrlPreviewPopup, + render(args, { argTypes }) { + return { + components: { + MkUrlPreviewPopup, + }, + props: Object.keys(argTypes), + template: '<MkUrlPreviewPopup v-bind="$props" />', + }; }, - template: '<MkUrlPreviewPopup />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserCardMini.stories.ts b/packages/frontend/src/components/MkUserCardMini.stories.ts index 467c8aa00c..ae2001abba 100644 --- a/packages/frontend/src/components/MkUserCardMini.stories.ts +++ b/packages/frontend/src/components/MkUserCardMini.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserCardMini, }; export const Default = { - components: { - MkUserCardMini, + render(args, { argTypes }) { + return { + components: { + MkUserCardMini, + }, + props: Object.keys(argTypes), + template: '<MkUserCardMini v-bind="$props" />', + }; }, - template: '<MkUserCardMini />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserInfo.stories.ts b/packages/frontend/src/components/MkUserInfo.stories.ts index 832fa8dac6..dddae8a572 100644 --- a/packages/frontend/src/components/MkUserInfo.stories.ts +++ b/packages/frontend/src/components/MkUserInfo.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserInfo, }; export const Default = { - components: { - MkUserInfo, + render(args, { argTypes }) { + return { + components: { + MkUserInfo, + }, + props: Object.keys(argTypes), + template: '<MkUserInfo v-bind="$props" />', + }; }, - template: '<MkUserInfo />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserList.stories.ts b/packages/frontend/src/components/MkUserList.stories.ts index 173f9a499d..f5269bfc82 100644 --- a/packages/frontend/src/components/MkUserList.stories.ts +++ b/packages/frontend/src/components/MkUserList.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserList, }; export const Default = { - components: { - MkUserList, + render(args, { argTypes }) { + return { + components: { + MkUserList, + }, + props: Object.keys(argTypes), + template: '<MkUserList v-bind="$props" />', + }; }, - template: '<MkUserList />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts index f18f9da5b7..5132078e54 100644 --- a/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts +++ b/packages/frontend/src/components/MkUserOnlineIndicator.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserOnlineIndicator, }; export const Default = { - components: { - MkUserOnlineIndicator, + render(args, { argTypes }) { + return { + components: { + MkUserOnlineIndicator, + }, + props: Object.keys(argTypes), + template: '<MkUserOnlineIndicator v-bind="$props" />', + }; }, - template: '<MkUserOnlineIndicator />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserPopup.stories.ts b/packages/frontend/src/components/MkUserPopup.stories.ts index 14e8ef467d..f83c41e2d0 100644 --- a/packages/frontend/src/components/MkUserPopup.stories.ts +++ b/packages/frontend/src/components/MkUserPopup.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserPopup, }; export const Default = { - components: { - MkUserPopup, + render(args, { argTypes }) { + return { + components: { + MkUserPopup, + }, + props: Object.keys(argTypes), + template: '<MkUserPopup v-bind="$props" />', + }; }, - template: '<MkUserPopup />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUserSelectDialog.stories.ts b/packages/frontend/src/components/MkUserSelectDialog.stories.ts index 9930169d51..cb66bbacc4 100644 --- a/packages/frontend/src/components/MkUserSelectDialog.stories.ts +++ b/packages/frontend/src/components/MkUserSelectDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserSelectDialog, }; export const Default = { - components: { - MkUserSelectDialog, + render(args, { argTypes }) { + return { + components: { + MkUserSelectDialog, + }, + props: Object.keys(argTypes), + template: '<MkUserSelectDialog v-bind="$props" />', + }; }, - template: '<MkUserSelectDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkUsersTooltip.stories.ts b/packages/frontend/src/components/MkUsersTooltip.stories.ts index 2cc45df467..7bb6c0b355 100644 --- a/packages/frontend/src/components/MkUsersTooltip.stories.ts +++ b/packages/frontend/src/components/MkUsersTooltip.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUsersTooltip, }; export const Default = { - components: { - MkUsersTooltip, + render(args, { argTypes }) { + return { + components: { + MkUsersTooltip, + }, + props: Object.keys(argTypes), + template: '<MkUsersTooltip v-bind="$props" />', + }; }, - template: '<MkUsersTooltip />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkVisibilityPicker.stories.ts b/packages/frontend/src/components/MkVisibilityPicker.stories.ts index a1b6bcea69..55522a1814 100644 --- a/packages/frontend/src/components/MkVisibilityPicker.stories.ts +++ b/packages/frontend/src/components/MkVisibilityPicker.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkVisibilityPicker, }; export const Default = { - components: { - MkVisibilityPicker, + render(args, { argTypes }) { + return { + components: { + MkVisibilityPicker, + }, + props: Object.keys(argTypes), + template: '<MkVisibilityPicker v-bind="$props" />', + }; }, - template: '<MkVisibilityPicker />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWaitingDialog.stories.ts b/packages/frontend/src/components/MkWaitingDialog.stories.ts index ee5f956859..813a6b3993 100644 --- a/packages/frontend/src/components/MkWaitingDialog.stories.ts +++ b/packages/frontend/src/components/MkWaitingDialog.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWaitingDialog, }; export const Default = { - components: { - MkWaitingDialog, + render(args, { argTypes }) { + return { + components: { + MkWaitingDialog, + }, + props: Object.keys(argTypes), + template: '<MkWaitingDialog v-bind="$props" />', + }; }, - template: '<MkWaitingDialog />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWidgets.stories.ts b/packages/frontend/src/components/MkWidgets.stories.ts index e5820efd48..2500713503 100644 --- a/packages/frontend/src/components/MkWidgets.stories.ts +++ b/packages/frontend/src/components/MkWidgets.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWidgets, }; export const Default = { - components: { - MkWidgets, + render(args, { argTypes }) { + return { + components: { + MkWidgets, + }, + props: Object.keys(argTypes), + template: '<MkWidgets v-bind="$props" />', + }; }, - template: '<MkWidgets />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkWindow.stories.ts b/packages/frontend/src/components/MkWindow.stories.ts index d43e40330e..f8e315b066 100644 --- a/packages/frontend/src/components/MkWindow.stories.ts +++ b/packages/frontend/src/components/MkWindow.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkWindow, }; export const Default = { - components: { - MkWindow, + render(args, { argTypes }) { + return { + components: { + MkWindow, + }, + props: Object.keys(argTypes), + template: '<MkWindow v-bind="$props" />', + }; }, - template: '<MkWindow />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/MkYoutubePlayer.stories.ts b/packages/frontend/src/components/MkYoutubePlayer.stories.ts index a9f45e3e99..671c1303d1 100644 --- a/packages/frontend/src/components/MkYoutubePlayer.stories.ts +++ b/packages/frontend/src/components/MkYoutubePlayer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkYoutubePlayer, }; export const Default = { - components: { - MkYoutubePlayer, + render(args, { argTypes }) { + return { + components: { + MkYoutubePlayer, + }, + props: Object.keys(argTypes), + template: '<MkYoutubePlayer v-bind="$props" />', + }; }, - template: '<MkYoutubePlayer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/link.stories.ts b/packages/frontend/src/components/form/link.stories.ts index 24f7edc372..f132ccdea8 100644 --- a/packages/frontend/src/components/form/link.stories.ts +++ b/packages/frontend/src/components/form/link.stories.ts @@ -5,10 +5,15 @@ const meta = { component: link, }; export const Default = { - components: { - link, + render(args, { argTypes }) { + return { + components: { + link, + }, + props: Object.keys(argTypes), + template: '<link v-bind="$props" />', + }; }, - template: '<link />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/section.stories.ts b/packages/frontend/src/components/form/section.stories.ts index b8ab307e24..5b779f54a4 100644 --- a/packages/frontend/src/components/form/section.stories.ts +++ b/packages/frontend/src/components/form/section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: section, }; export const Default = { - components: { - section, + render(args, { argTypes }) { + return { + components: { + section, + }, + props: Object.keys(argTypes), + template: '<section v-bind="$props" />', + }; }, - template: '<section />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/slot.stories.ts b/packages/frontend/src/components/form/slot.stories.ts index dd1a16c403..55cdf7d76a 100644 --- a/packages/frontend/src/components/form/slot.stories.ts +++ b/packages/frontend/src/components/form/slot.stories.ts @@ -5,10 +5,15 @@ const meta = { component: slot, }; export const Default = { - components: { - slot, + render(args, { argTypes }) { + return { + components: { + slot, + }, + props: Object.keys(argTypes), + template: '<slot v-bind="$props" />', + }; }, - template: '<slot />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/split.stories.ts b/packages/frontend/src/components/form/split.stories.ts index 39cbc0ba01..73cc4f8e44 100644 --- a/packages/frontend/src/components/form/split.stories.ts +++ b/packages/frontend/src/components/form/split.stories.ts @@ -5,10 +5,15 @@ const meta = { component: split, }; export const Default = { - components: { - split, + render(args, { argTypes }) { + return { + components: { + split, + }, + props: Object.keys(argTypes), + template: '<split v-bind="$props" />', + }; }, - template: '<split />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/form/suspense.stories.ts b/packages/frontend/src/components/form/suspense.stories.ts index fad46e9c12..10541fdb1c 100644 --- a/packages/frontend/src/components/form/suspense.stories.ts +++ b/packages/frontend/src/components/form/suspense.stories.ts @@ -5,10 +5,15 @@ const meta = { component: suspense, }; export const Default = { - components: { - suspense, + render(args, { argTypes }) { + return { + components: { + suspense, + }, + props: Object.keys(argTypes), + template: '<suspense v-bind="$props" />', + }; }, - template: '<suspense />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkA.stories.ts b/packages/frontend/src/components/global/MkA.stories.ts index 5eb4a18c46..10dee397ff 100644 --- a/packages/frontend/src/components/global/MkA.stories.ts +++ b/packages/frontend/src/components/global/MkA.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkA, }; export const Default = { - components: { - MkA, + render(args, { argTypes }) { + return { + components: { + MkA, + }, + props: Object.keys(argTypes), + template: '<MkA v-bind="$props" />', + }; }, - template: '<MkA />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAcct.stories.ts b/packages/frontend/src/components/global/MkAcct.stories.ts index 6b8b55ec35..a336156126 100644 --- a/packages/frontend/src/components/global/MkAcct.stories.ts +++ b/packages/frontend/src/components/global/MkAcct.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAcct, }; export const Default = { - components: { - MkAcct, + render(args, { argTypes }) { + return { + components: { + MkAcct, + }, + props: Object.keys(argTypes), + template: '<MkAcct v-bind="$props" />', + }; }, - template: '<MkAcct />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAd.stories.ts b/packages/frontend/src/components/global/MkAd.stories.ts index bb2d74b336..8d4f3713e2 100644 --- a/packages/frontend/src/components/global/MkAd.stories.ts +++ b/packages/frontend/src/components/global/MkAd.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAd, }; export const Default = { - components: { - MkAd, + render(args, { argTypes }) { + return { + components: { + MkAd, + }, + props: Object.keys(argTypes), + template: '<MkAd v-bind="$props" />', + }; }, - template: '<MkAd />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkAvatar.stories.ts b/packages/frontend/src/components/global/MkAvatar.stories.ts index bc1acd33f1..8556ef08ab 100644 --- a/packages/frontend/src/components/global/MkAvatar.stories.ts +++ b/packages/frontend/src/components/global/MkAvatar.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkAvatar, }; export const Default = { - components: { - MkAvatar, + render(args, { argTypes }) { + return { + components: { + MkAvatar, + }, + props: Object.keys(argTypes), + template: '<MkAvatar v-bind="$props" />', + }; }, - template: '<MkAvatar />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts index 9abc14af1f..c1349c5808 100644 --- a/packages/frontend/src/components/global/MkCustomEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkCustomEmoji.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkCustomEmoji, }; export const Default = { - components: { - MkCustomEmoji, + render(args, { argTypes }) { + return { + components: { + MkCustomEmoji, + }, + props: Object.keys(argTypes), + template: '<MkCustomEmoji v-bind="$props" />', + }; }, - template: '<MkCustomEmoji />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkEllipsis.stories.ts b/packages/frontend/src/components/global/MkEllipsis.stories.ts index 09092f36d3..06a56a62c0 100644 --- a/packages/frontend/src/components/global/MkEllipsis.stories.ts +++ b/packages/frontend/src/components/global/MkEllipsis.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEllipsis, }; export const Default = { - components: { - MkEllipsis, + render(args, { argTypes }) { + return { + components: { + MkEllipsis, + }, + props: Object.keys(argTypes), + template: '<MkEllipsis v-bind="$props" />', + }; }, - template: '<MkEllipsis />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkEmoji.stories.ts b/packages/frontend/src/components/global/MkEmoji.stories.ts index 1679ae0b27..2dd4e23771 100644 --- a/packages/frontend/src/components/global/MkEmoji.stories.ts +++ b/packages/frontend/src/components/global/MkEmoji.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkEmoji, }; export const Default = { - components: { - MkEmoji, + render(args, { argTypes }) { + return { + components: { + MkEmoji, + }, + props: Object.keys(argTypes), + template: '<MkEmoji v-bind="$props" />', + }; }, - template: '<MkEmoji />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkError.stories.ts b/packages/frontend/src/components/global/MkError.stories.ts index 0916b1860d..2a8abb943b 100644 --- a/packages/frontend/src/components/global/MkError.stories.ts +++ b/packages/frontend/src/components/global/MkError.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkError, }; export const Default = { - components: { - MkError, + render(args, { argTypes }) { + return { + components: { + MkError, + }, + props: Object.keys(argTypes), + template: '<MkError v-bind="$props" />', + }; }, - template: '<MkError />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkLoading.stories.ts b/packages/frontend/src/components/global/MkLoading.stories.ts index 752085f5fd..78fbfa9f52 100644 --- a/packages/frontend/src/components/global/MkLoading.stories.ts +++ b/packages/frontend/src/components/global/MkLoading.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkLoading, }; export const Default = { - components: { - MkLoading, + render(args, { argTypes }) { + return { + components: { + MkLoading, + }, + props: Object.keys(argTypes), + template: '<MkLoading v-bind="$props" />', + }; }, - template: '<MkLoading />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts index 63e5342cce..8b7827bfc8 100644 --- a/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts +++ b/packages/frontend/src/components/global/MkMisskeyFlavoredMarkdown.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkMisskeyFlavoredMarkdown, }; export const Default = { - components: { - MkMisskeyFlavoredMarkdown, + render(args, { argTypes }) { + return { + components: { + MkMisskeyFlavoredMarkdown, + }, + props: Object.keys(argTypes), + template: '<MkMisskeyFlavoredMarkdown v-bind="$props" />', + }; }, - template: '<MkMisskeyFlavoredMarkdown />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkPageHeader.stories.ts b/packages/frontend/src/components/global/MkPageHeader.stories.ts index a2c6d8705c..3921168824 100644 --- a/packages/frontend/src/components/global/MkPageHeader.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageHeader, }; export const Default = { - components: { - MkPageHeader, + render(args, { argTypes }) { + return { + components: { + MkPageHeader, + }, + props: Object.keys(argTypes), + template: '<MkPageHeader v-bind="$props" />', + }; }, - template: '<MkPageHeader />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts index b283a94398..aaa12228f9 100644 --- a/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts +++ b/packages/frontend/src/components/global/MkPageHeader.tabs.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkPageHeader_tabs, }; export const Default = { - components: { - MkPageHeader_tabs, + render(args, { argTypes }) { + return { + components: { + MkPageHeader_tabs, + }, + props: Object.keys(argTypes), + template: '<MkPageHeader_tabs v-bind="$props" />', + }; }, - template: '<MkPageHeader_tabs />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkSpacer.stories.ts b/packages/frontend/src/components/global/MkSpacer.stories.ts index 2f15b02570..5040c0b17f 100644 --- a/packages/frontend/src/components/global/MkSpacer.stories.ts +++ b/packages/frontend/src/components/global/MkSpacer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkSpacer, }; export const Default = { - components: { - MkSpacer, + render(args, { argTypes }) { + return { + components: { + MkSpacer, + }, + props: Object.keys(argTypes), + template: '<MkSpacer v-bind="$props" />', + }; }, - template: '<MkSpacer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkStickyContainer.stories.ts b/packages/frontend/src/components/global/MkStickyContainer.stories.ts index 7e495a582f..0741f3f9bb 100644 --- a/packages/frontend/src/components/global/MkStickyContainer.stories.ts +++ b/packages/frontend/src/components/global/MkStickyContainer.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkStickyContainer, }; export const Default = { - components: { - MkStickyContainer, + render(args, { argTypes }) { + return { + components: { + MkStickyContainer, + }, + props: Object.keys(argTypes), + template: '<MkStickyContainer v-bind="$props" />', + }; }, - template: '<MkStickyContainer />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkTime.stories.ts b/packages/frontend/src/components/global/MkTime.stories.ts index efb6dee7a2..9df2fef695 100644 --- a/packages/frontend/src/components/global/MkTime.stories.ts +++ b/packages/frontend/src/components/global/MkTime.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkTime, }; export const Default = { - components: { - MkTime, + render(args, { argTypes }) { + return { + components: { + MkTime, + }, + props: Object.keys(argTypes), + template: '<MkTime v-bind="$props" />', + }; }, - template: '<MkTime />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkUrl.stories.ts b/packages/frontend/src/components/global/MkUrl.stories.ts index c72bf542e6..1f0e01f000 100644 --- a/packages/frontend/src/components/global/MkUrl.stories.ts +++ b/packages/frontend/src/components/global/MkUrl.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUrl, }; export const Default = { - components: { - MkUrl, + render(args, { argTypes }) { + return { + components: { + MkUrl, + }, + props: Object.keys(argTypes), + template: '<MkUrl v-bind="$props" />', + }; }, - template: '<MkUrl />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/MkUserName.stories.ts b/packages/frontend/src/components/global/MkUserName.stories.ts index 211d8dac6b..b5df40dfeb 100644 --- a/packages/frontend/src/components/global/MkUserName.stories.ts +++ b/packages/frontend/src/components/global/MkUserName.stories.ts @@ -5,10 +5,15 @@ const meta = { component: MkUserName, }; export const Default = { - components: { - MkUserName, + render(args, { argTypes }) { + return { + components: { + MkUserName, + }, + props: Object.keys(argTypes), + template: '<MkUserName v-bind="$props" />', + }; }, - template: '<MkUserName />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/global/RouterView.stories.ts b/packages/frontend/src/components/global/RouterView.stories.ts index acc2c32d3b..a0e76d9da1 100644 --- a/packages/frontend/src/components/global/RouterView.stories.ts +++ b/packages/frontend/src/components/global/RouterView.stories.ts @@ -5,10 +5,15 @@ const meta = { component: RouterView, }; export const Default = { - components: { - RouterView, + render(args, { argTypes }) { + return { + components: { + RouterView, + }, + props: Object.keys(argTypes), + template: '<RouterView v-bind="$props" />', + }; }, - template: '<RouterView />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.block.stories.ts b/packages/frontend/src/components/page/page.block.stories.ts index a08218da66..ba53f52505 100644 --- a/packages/frontend/src/components/page/page.block.stories.ts +++ b/packages/frontend/src/components/page/page.block.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_block, }; export const Default = { - components: { - page_block, + render(args, { argTypes }) { + return { + components: { + page_block, + }, + props: Object.keys(argTypes), + template: '<page_block v-bind="$props" />', + }; }, - template: '<page_block />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.button.stories.ts b/packages/frontend/src/components/page/page.button.stories.ts index 9ee10b737d..4fd0b3a24f 100644 --- a/packages/frontend/src/components/page/page.button.stories.ts +++ b/packages/frontend/src/components/page/page.button.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_button, }; export const Default = { - components: { - page_button, + render(args, { argTypes }) { + return { + components: { + page_button, + }, + props: Object.keys(argTypes), + template: '<page_button v-bind="$props" />', + }; }, - template: '<page_button />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.canvas.stories.ts b/packages/frontend/src/components/page/page.canvas.stories.ts index 7df6fd3644..61880b3925 100644 --- a/packages/frontend/src/components/page/page.canvas.stories.ts +++ b/packages/frontend/src/components/page/page.canvas.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_canvas, }; export const Default = { - components: { - page_canvas, + render(args, { argTypes }) { + return { + components: { + page_canvas, + }, + props: Object.keys(argTypes), + template: '<page_canvas v-bind="$props" />', + }; }, - template: '<page_canvas />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.counter.stories.ts b/packages/frontend/src/components/page/page.counter.stories.ts index 490c4d24b9..c94cbbb687 100644 --- a/packages/frontend/src/components/page/page.counter.stories.ts +++ b/packages/frontend/src/components/page/page.counter.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_counter, }; export const Default = { - components: { - page_counter, + render(args, { argTypes }) { + return { + components: { + page_counter, + }, + props: Object.keys(argTypes), + template: '<page_counter v-bind="$props" />', + }; }, - template: '<page_counter />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.if.stories.ts b/packages/frontend/src/components/page/page.if.stories.ts index cd840c9594..ddc88377d6 100644 --- a/packages/frontend/src/components/page/page.if.stories.ts +++ b/packages/frontend/src/components/page/page.if.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_if, }; export const Default = { - components: { - page_if, + render(args, { argTypes }) { + return { + components: { + page_if, + }, + props: Object.keys(argTypes), + template: '<page_if v-bind="$props" />', + }; }, - template: '<page_if />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.image.stories.ts b/packages/frontend/src/components/page/page.image.stories.ts index b7452a618d..a21d6010d8 100644 --- a/packages/frontend/src/components/page/page.image.stories.ts +++ b/packages/frontend/src/components/page/page.image.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_image, }; export const Default = { - components: { - page_image, + render(args, { argTypes }) { + return { + components: { + page_image, + }, + props: Object.keys(argTypes), + template: '<page_image v-bind="$props" />', + }; }, - template: '<page_image />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.note.stories.ts b/packages/frontend/src/components/page/page.note.stories.ts index 5c5af5d58b..0efb0220e9 100644 --- a/packages/frontend/src/components/page/page.note.stories.ts +++ b/packages/frontend/src/components/page/page.note.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_note, }; export const Default = { - components: { - page_note, + render(args, { argTypes }) { + return { + components: { + page_note, + }, + props: Object.keys(argTypes), + template: '<page_note v-bind="$props" />', + }; }, - template: '<page_note />', parameters: { layout: 'centered', }, 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 9a7ad34316..5fefcb9ee8 100644 --- a/packages/frontend/src/components/page/page.number-input.stories.ts +++ b/packages/frontend/src/components/page/page.number-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_number_input, }; export const Default = { - components: { - page_number_input, + render(args, { argTypes }) { + return { + components: { + page_number_input, + }, + props: Object.keys(argTypes), + template: '<page_number_input v-bind="$props" />', + }; }, - template: '<page_number_input />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.post.stories.ts b/packages/frontend/src/components/page/page.post.stories.ts index b98d930d14..d59e5a4702 100644 --- a/packages/frontend/src/components/page/page.post.stories.ts +++ b/packages/frontend/src/components/page/page.post.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_post, }; export const Default = { - components: { - page_post, + render(args, { argTypes }) { + return { + components: { + page_post, + }, + props: Object.keys(argTypes), + template: '<page_post v-bind="$props" />', + }; }, - template: '<page_post />', parameters: { layout: 'centered', }, 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 9b519cdddf..9974b7636f 100644 --- a/packages/frontend/src/components/page/page.radio-button.stories.ts +++ b/packages/frontend/src/components/page/page.radio-button.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_radio_button, }; export const Default = { - components: { - page_radio_button, + render(args, { argTypes }) { + return { + components: { + page_radio_button, + }, + props: Object.keys(argTypes), + template: '<page_radio_button v-bind="$props" />', + }; }, - template: '<page_radio_button />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.section.stories.ts b/packages/frontend/src/components/page/page.section.stories.ts index 0e28246cce..754541927b 100644 --- a/packages/frontend/src/components/page/page.section.stories.ts +++ b/packages/frontend/src/components/page/page.section.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_section, }; export const Default = { - components: { - page_section, + render(args, { argTypes }) { + return { + components: { + page_section, + }, + props: Object.keys(argTypes), + template: '<page_section v-bind="$props" />', + }; }, - template: '<page_section />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.stories.ts b/packages/frontend/src/components/page/page.stories.ts index cff97b18d0..43271b6ca2 100644 --- a/packages/frontend/src/components/page/page.stories.ts +++ b/packages/frontend/src/components/page/page.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page, }; export const Default = { - components: { - page, + render(args, { argTypes }) { + return { + components: { + page, + }, + props: Object.keys(argTypes), + template: '<page v-bind="$props" />', + }; }, - template: '<page />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.switch.stories.ts b/packages/frontend/src/components/page/page.switch.stories.ts index 84bfcf0d79..7726586e77 100644 --- a/packages/frontend/src/components/page/page.switch.stories.ts +++ b/packages/frontend/src/components/page/page.switch.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_switch, }; export const Default = { - components: { - page_switch, + render(args, { argTypes }) { + return { + components: { + page_switch, + }, + props: Object.keys(argTypes), + template: '<page_switch v-bind="$props" />', + }; }, - template: '<page_switch />', parameters: { layout: 'centered', }, 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 07ce018e23..6f58f19bde 100644 --- a/packages/frontend/src/components/page/page.text-input.stories.ts +++ b/packages/frontend/src/components/page/page.text-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_text_input, }; export const Default = { - components: { - page_text_input, + render(args, { argTypes }) { + return { + components: { + page_text_input, + }, + props: Object.keys(argTypes), + template: '<page_text_input v-bind="$props" />', + }; }, - template: '<page_text_input />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.text.stories.ts b/packages/frontend/src/components/page/page.text.stories.ts index b1f3aacfba..924224577b 100644 --- a/packages/frontend/src/components/page/page.text.stories.ts +++ b/packages/frontend/src/components/page/page.text.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_text, }; export const Default = { - components: { - page_text, + render(args, { argTypes }) { + return { + components: { + page_text, + }, + props: Object.keys(argTypes), + template: '<page_text v-bind="$props" />', + }; }, - template: '<page_text />', parameters: { layout: 'centered', }, 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 608327d188..d14548a222 100644 --- a/packages/frontend/src/components/page/page.textarea-input.stories.ts +++ b/packages/frontend/src/components/page/page.textarea-input.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_textarea_input, }; export const Default = { - components: { - page_textarea_input, + render(args, { argTypes }) { + return { + components: { + page_textarea_input, + }, + props: Object.keys(argTypes), + template: '<page_textarea_input v-bind="$props" />', + }; }, - template: '<page_textarea_input />', parameters: { layout: 'centered', }, diff --git a/packages/frontend/src/components/page/page.textarea.stories.ts b/packages/frontend/src/components/page/page.textarea.stories.ts index c793e78d28..13c4480ace 100644 --- a/packages/frontend/src/components/page/page.textarea.stories.ts +++ b/packages/frontend/src/components/page/page.textarea.stories.ts @@ -5,10 +5,15 @@ const meta = { component: page_textarea, }; export const Default = { - components: { - page_textarea, + render(args, { argTypes }) { + return { + components: { + page_textarea, + }, + props: Object.keys(argTypes), + template: '<page_textarea v-bind="$props" />', + }; }, - template: '<page_textarea />', parameters: { layout: 'centered', }, |